attachEvent时间监听方式
生活随笔
收集整理的這篇文章主要介紹了
attachEvent时间监听方式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
eventTarget.attachEvent(eventNameWithon,callback)
eventTarget.attachEvent(eventNameWithon,callback)將指定的監聽器注冊到eventTarget(目標對象上)，當該對象出發指定的事件時，指定的回調函數就會被執行。
該方法接受兩個參數：
eventNameWithon：事件類型字符串，比如onclick，onmouseover，這里要帶on
callback：事件處理函數，當觸發事件時觸發函數被調用
<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body><button type="button">1.傳統方式注冊事件</button><button type="button">2.方法監聽注冊事件</button><script type="text/javascript">var btns = document.querySelectorAll('button');btns[0].onclick = function() {alert('hi');}btns[0].onclick = function() {alert('hao a u');}//2.方法監聽注冊事件 //1.里面的事件類型是字符串 必定加引號 且不帶on//2.同一個元素 同一個事件可以添加多個監聽器(事件處理程序)// btns[1].addEventListener('click', function() {// alert(22);// })// btns[1].addEventListener('click', function() {// alert(33);// })btns[2].attachEvent('onclick', function() {alert(11);})</script></body> </html>?上述方法只在ie9以下生效，否則不顯示。
?注冊事件兼容性解決方案：
function addEventListener(element, eventName, fn) {//判斷當前瀏覽器是否支持addEventListener方法if(element.addEventListener) {element.addEventListener(eventName,fn); //第三個參數默認false} else if(element.attachEvent) {element.attachEvent('on' + eventName, fn);} else {//相當于 element.onclick = fn;element['on' + eventName] = fn;}}總結
以上是生活随笔為你收集整理的attachEvent时间监听方式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Hybrid App基础知识
- 下一篇： Jade win10 安装教程