跨瀏覽器的事件處理函式繫結刪除封裝
現在低版本的IE瀏覽器使用者不在少數,但是對於事件處理函式的繫結和解繫結操作是有所差異的。
下面就分享一段程式碼例項,它實現了跨瀏覽器的事件處理函式繫結和解綁的封裝功能。
一.事件處理函式繫結:
[JavaScript] 純文字檢視 複製程式碼/** * 跨平臺的事件監聽函式 * @param {Node} node 需要監聽事件的DOM節點 * @param {String} eventType 需要監聽的事件型別 * @param {Function} callback 事件監聽回撥函式 * @type Function 返回值為函式型別 * @return 返回監聽回撥函式的引用,用於釋放監聽 */ function bindEvent(node, eventType, callback) { if (node.attachEvent) { if (eventType.indexOf('on')) { eventType = 'on' + eventType;} node.attachEvent(eventType, callback); } else { if (!eventType.indexOf('on')) eventType = eventType.substring(2, eventType.length); node.addEventListener(eventType, callback, false); } return callback; }
二.解綁事件處理函式:
[JavaScript] 純文字檢視 複製程式碼/** * 跨平臺的事件監聽解除安裝函式 * @param {Node} node 需要解除安裝監聽事件的DOM節點 * @param {String} eventType 需要解除安裝監聽的事件型別 * @param {Function} callback 解除安裝事件監聽回撥函式 */ function removeEvent(node, eventType, callback) { if (node.detachEvent) { if (eventType.indexOf('on')) { eventType = 'on' + eventType;} node.detachEvent(eventType, callback); } else { if (!eventType.indexOf('on')) eventType = eventType.substring(2, eventType.length); node.removeEventListener(eventType, callback, false); } }
相關文章
- javascript封裝相容所有瀏覽器的繫結和刪除事件處理函式JavaScript封裝瀏覽器事件函式
- 封裝javascript事件處理函式繫結和解綁程式碼封裝JavaScript事件函式
- js刪除註冊的事件處理函式JS事件函式
- Event Handler 事件處理程式 2 —跨瀏覽器事件物件《高程3》事件瀏覽器物件
- javascript事件處理函式繫結簡單介紹JavaScript事件函式
- 跨瀏覽器的事件代理瀏覽器事件
- 相容所有瀏覽器的阻止事件冒泡封裝瀏覽器事件封裝
- 【封裝小技巧】列表處理函式的封裝封裝函式
- javascript刪除註冊的事件處理函式簡單介紹JavaScript事件函式
- js相容所有瀏覽器的事件繫結程式碼JS瀏覽器事件
- js如何給繫結的事件處理函式傳遞引數JS事件函式
- 【封裝小技巧】數字處理函式的封裝封裝函式
- javascript事件處理函式迴圈批量繫結簡單介紹JavaScript事件函式
- javascript實現的對相容各個瀏覽器事件封裝JavaScript瀏覽器事件封裝
- 如何刪除瀏覽器的快取瀏覽器快取
- 瀏覽器相容問題處理總結瀏覽器
- C# 清除事件繫結的函式C#事件函式
- 現代瀏覽器探祕(part4):事件處理瀏覽器事件
- 為什麼用for迴圈繫結的事件處理函式只有最後一個有效事件函式
- 360瀏覽器怎麼解除安裝乾淨 怎麼徹底刪除360瀏覽器瀏覽器
- uni-app入門教程(3)資料繫結、樣式繫結和事件處理APP事件
- 【JavaScript】通過封裝自己的JSONP解決瀏覽器的跨域問題(Ajax跨域)JavaScript封裝JSON瀏覽器跨域
- 相容所有瀏覽器的getElementsByClassName()函式瀏覽器函式
- javascript實現的相容各個瀏覽器的註冊和刪除事件程式碼JavaScript瀏覽器事件
- JavaScript 註冊事件處理函式JavaScript事件函式
- chrome瀏覽器頁面獲取繫結返回頂部動畫事件外掛Chrome瀏覽器動畫事件
- 設定谷歌瀏覽器跨域(本地除錯可用)谷歌瀏覽器跨域除錯
- js實現的通用相容低版本IE瀏覽器的事件註冊和刪除JS瀏覽器事件
- 前端chrome瀏覽器除錯總結前端Chrome瀏覽器除錯
- 瀏覽器事件解析瀏覽器事件
- 使用瀏覽器事件瀏覽器事件
- 瀏覽器中的事件流和node中處理時間迴圈的分析瀏覽器事件
- Laravel 瀏覽器跨域Laravel瀏覽器跨域
- 瀏覽器跨域安全瀏覽器跨域
- 如何處理瀏覽器的斷網情況?瀏覽器
- onscroll事件的瀏覽器支援事件瀏覽器
- React中this值繫結和事件函式傳參React事件函式
- JavaScript 批量註冊事件處理函式JavaScript事件函式