一、addEventListener語法

DOM標(biāo)準(zhǔn)：elem.addEventListener("事件名",函數(shù)對象,是否在捕獲階段觸發(fā)) ---是否在捕獲階段觸發(fā)= true/false，捕獲true,冒泡false[開發(fā)中都大多都用false] addEventListener注意事項(xiàng)： 1.特別說明addEventListener不被IE9以下兼容，IE9以下用使用attachEvent() obj.attachEvent(event,funtionName); 參數(shù)： event:事件類型（需要寫成“onclick”前面加on，這個(gè)與addEventListener不同） funtionName:方法名（要參數(shù)是也是需要使用匿名函數(shù)來傳參）

?

二、addEventListener與on的區(qū)別

1.on事件會(huì)被后面的on的事件覆蓋 ///addEventListener不被覆蓋，可移除事件 /結(jié)果1,2 btn.addEventListener("click",f1,false); btn.addEventListener("click",f2,false); //btn.removeEventListener('click',f1,false);//移動(dòng)f1，不執(zhí)行 function f1(){alert(1) } function f2(){alert(2) }//on后一個(gè)覆蓋前一個(gè),結(jié)果2，不能移動(dòng)事件 btn.οnclick=f1; btn.onclick= f2; function f1(){alert(1) } function f2(){alert(2) }?

?

三、addEventListener的IE9以下不兼容

querySelector 和 querySelectorAll 方法很好用，可惜IE6、IE7不支持，document.getElementById都兼容 var obtn = document.getElementById('tabs'); addEvent(obtn,'click',function(){alert("a") }) // 添加事件監(jiān)聽 function addEvent(element, eventType, callback){if(element.addEventListener){element.addEventListener(eventType, callback, false);} else if(element.attachEvent){element.attachEvent('on' + eventType, callback);} else {element['on' + type] = callback;} }

?

//這樣寫也語法也對 obtn['onclick']=function(){alert(1111111) }

?

轉(zhuǎn)載于:https://www.cnblogs.com/liubingyjui/p/10213787.html

總結(jié)

以上是生活随笔為你收集整理的函数语法：Js之on和addEventListener的使用与不同的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。