史上最详细的DOM事件之拖动事件
上篇博客讲了DOM的剪贴板事件,这篇博客我们来讲一讲DOM的拖动(DragEvent)事件。
HTMl代码:
<imgsrc="../../CSS/0421/car.jpg"draggable="false">
JS代码:
var oImg=document.getElementsByTagName("img")[0]; // DragEvent 拖动事件 // ondrag 该事件在元素正在拖动时触发 oImg.ondrag=function(ev){ console.log("ondrag事件"); console.log(ev); } // ondragend 该事件在用户完成元素的拖动时触发 // ondragenter 该事件在拖动的元素进入放置目标时触发 // ondragleave 该事件在拖动元素离开放置目标时触发 // ondragover 该事件在拖动元素在放置目标上时触发 // ondragstart 该事件在用户开始拖动元素时触发 // ondrop 该事件在拖动元素放置在目标区域时触发
注意:主要针对图片(img)。
视频讲解链接:
https://www.bilibili.com/video/BV1yi4y147gD/