//鼠標點擊開始
center[0].onmousedown = function () {
docMove(); //數據釋放
document.onmouseup = function () { document.onmousemove = null; document.onmouseup = null;
};
}; function docMove() { document.onmousemove = function (e) { var e = e || window.event; var newX = e.clientX;
//通過newX動態設置元素css來達到改變位置的效果
//阻止冒泡
e.stopPropagation();
};
}問題:如何通過setTimeout達到函數節流,提升性能?PS:目前事件執行還有一個小問題,就是在移動元素的過程中會間接性出現鼠標已經釋放但onmousemove 并未失效的問題,(實際觀感就是鼠標左鍵已經釋放,但是元素還會跟著鼠標移動)
如何合理節流onmousemove事件?
慕萊塢森
2018-07-14 21:06:28