2019獨角獸企業重金招聘Python工程師標準>>>

<div @mousedown="move"><div>// 拖動表單彈框 move(e) {// let odiv = document.getElementById('ship-pop');let odiv = e.currentTarget;odiv.style.zIndex = this.zIndex++;// 鼠標相對元素的位置let disX = e.clientX - odiv.offsetLeft;let disY = e.clientY - odiv.offsetTop;document.onmousemove = (e)=>{//鼠標按下并移動的事件//用鼠標的位置減去鼠標相對元素的位置，得到元素的位置let left = e.clientX - disX;let top = e.clientY - disY;//移動當前元素odiv.style.left = left + 'px';odiv.style.top = top + 'px';};document.onmouseup = (e) => {odiv.style.zIndex = this.zIndex++;document.onmousemove = null;document.onmouseup = null;}; },

轉載于:https://my.oschina.net/guoxin2014/blog/2991636

總結

以上是生活随笔為你收集整理的div拖拽效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。