function mYfunction(id){ var oDiv = document.getElementById(id); oDiv.onmousedown = function (ev) { var ev = ev || event; var disX = ev.clientX; var disY = ev.clientY; var l = oDiv.offsetLeft; var t = oDiv.offsetTop; if (oDiv.setCapture) { oDiv.setCapture(); } document.onmousemove = function (ev) { //这里为什么使用document,是因为快速拖拽的话会鼠标丢失, var ev = ev || event; oDiv.style.left = ev.clientX - disX+l + "px"; oDiv.style.top = ev.clientY - disY+t+ "px"; } document.onmouseup = function (ev) { document.onmousemove = document.onmouseup = null; //为何不用oDiv.onmouseup是因为被挡住之后会无视掉遮挡的元素 if (oDiv.releaseCapture) { oDiv.releaseCapture(); } } return false; } }
js拖动元素事件
猜你喜欢
转载自blog.csdn.net/weixin_39717076/article/details/80111978
今日推荐
周排行