我想讓整個 div 可拖動,但我想在使用該 div 的特定子項進行拖動時動態地改變它的位置(即,該 div 內的其他區域不會讓你移動它)。我已經撰寫了一個代碼片段,但是當我更快地移動游標時它會出現故障。
這是代碼框鏈接:代碼框鏈接
這是一個例子:https ://qzqlyk.csb.app/
提前致謝!!!
uj5u.com熱心網友回復:
好吧,這是因為您的onMouseMove事件偵聽器在box2div 上。因此,當您將游標懸停在 上時,將觸發事件box2。因此,當您快速移動滑鼠時,它會暫時離開框并且不會觸發事件。
您可以onMouseMove={dragMouseMove}像這樣使用“App”類放在 div 上:
<div className="App" onMouseMove={dragMouseMove}>
在風格上你可以這樣說:
.App {
font-family: sans-serif;
text-align: center;
width: 100vw;
height: 100vh;
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/426137.html
標籤:javascript html 反应 dom dom 事件
上一篇:我們如何在GenericClass<T>的方法中創建T[]陣列?
下一篇:附加元素被HTML洗掉
