var div = document.getelementbyid("div");//通過id找到你的目標元素
div.ondrag = function(evt)
主要應用到的還是ondrag事件
當然你也可以用:
var drage = false;
if("ontouchstart" in window)else
div.addeventlistener(startevt,()=>
})div.addeventlistener(endevt,function())
})
不過你得自己寫一段移動端適配的拖拽事件適配:
var drage = false;
if("ontouchstart" in window)else
div.addeventlistener(startevt,function(evt)else}})
div.addeventlistener(endevt,function(evt))
})
不過ondrag事件更加方便,**量也非常少,並且相容移動端,測試iphone沒有問題。 JS 拖拽事件
這裡寫的是乙個原生js實現拖拽的效果,首先 1 實現拖拽的三大事件,是要首先清楚的 onmousedown 滑鼠按下的時候 onmousemove 滑鼠移動的時候 onmouseup 滑鼠鬆開的時候 2 給目標元素加上onmousedown時間,記錄滑鼠按下的時候,滑鼠距離所在元素的位置 就是滑鼠距...
vue 拖拽事件
darg.vue position relative 定位 top 10px left 10px width 200px height 200px background 666 設定一下背景 data methods document.onmouseup e computed 當然,我們可以將它繫結...
js拖拽事件
doctype html utf 8 js拖拽事件 title page style head page div body html 這裡寫的是乙個原生js實現拖拽的效果,首先 實現拖拽的三大事件,是要首先清楚的 onmousedown 滑鼠按下的時候 onmousemove 滑鼠移動的時候 onm...