亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何合理節流onmousemove事件?

如何合理節流onmousemove事件?

慕萊塢森 2018-07-14 21:06:28
  //鼠標點擊開始     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 并未失效的問題,(實際觀感就是鼠標左鍵已經釋放,但是元素還會跟著鼠標移動)
查看完整描述

3 回答

?
繁花不似錦

TA貢獻1851條經驗 獲得超4個贊

實現思路就是判斷觸發事件的時間和上次觸發事件的時間間隔超過設定值才觸發新的處理函數。

建議使用loadsh等類庫現成的節流構造函數即可,自己實現當然也行。


查看完整回答
反對 回復 2018-07-15
  • 3 回答
  • 0 關注
  • 1505 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號