淺談DOM事件的優化

在 JavaScript 程序的開發中，經常會用到一些頻繁觸發的 DOM 事件，如 mousemove、resize，還有不是那么常用的鼠標滾輪事件：mousewheel (在 Firefox 中，滾輪事件為 DOMMouseScroll)。

瀏覽器為了確保這些事件能夠及時響應，觸發的頻率會比較高，具體的觸發頻率各瀏覽器雖然有出入，但出入不大。很多時候在需要注重性能的場景下使用這些事件會想各種辦法對事件的觸發頻率進行優化，下面說說我的一些優化方法。

mousemove 在拖拽中的優化

拖拽( Drag )是很常見的一個功能，在瀏覽器還沒實現原生的拖拽之前，通過 mousedown、mousemove、mouseup 3種事件類型就可以模擬出拖拽效果來，當然這里不談如何去實現一個拖拽功能。

mousemove 事件在拖拽的應用中既要確保拖拽的流暢度，又要確保拖拽時的性能，如何保持兩者的平衡呢？

可以通過設置一個計數器來去掉一半的 mousemove 事件的觸發，代碼如下：

代碼地址

轉載于:https://blog.51cto.com/melorogee/1640294

總結

以上是生活随笔為你收集整理的【浅谈DOM事件的优化】的全部內容，希望文章能夠幫你解決所遇到的問題。

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