簡單拖拽事件實現

2021-08-29 02:24:16 字數 625 閱讀 6147

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...