js中addEventListener事件怎么用

小編給大家分享一下js中addEventListener事件怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

　　addEventListener的用法

　　js監(jiān)聽器可以對一個(gè)html元素綁定。比如這樣。document.getElementById("btn1")addEventListener('click',judje)

　　 functionjudje(a){

　　alert("sss");

　　}

　　這樣點(diǎn)btn按鈕時(shí)，就可以彈出一個(gè)內(nèi)容為sss的提示框。

　　但是這個(gè)卻不是addEventListener的用法。

　　最常用的方法是當(dāng)點(diǎn)擊的地方不是某塊div時(shí)，實(shí)現(xiàn)對某個(gè)地方的隱藏。

　　js監(jiān)聽器addEventListenerHTML代碼

　　<divclass="div1_4"onclick="display2(this.firstChild.nextSibling.nextSibling.nextSibling)">

　　<imgid="img2"src="2.png"></img>

　　<divclass="div1_4_1"id="div1_4_1">

　　<divclass="div1_4_2">我的文件</div>

　　<divclass="div1_4_2">賬戶中心</div>

　　<divclass="div1_4_2">個(gè)人主頁</div>

　　<divclass="div1_4_2">偏好設(shè)置</div>

　　<divclass="div1_4_2">入門教程</div>

　　<divclass="div1_4_2">更新日志</div>

　　<divclass="div1_4_2">退出登錄</div>

　　</div>

　　</div>

　　javascript代碼

　　 document.addEventListener('click',judje)

　　 functionjudje(a){

　　  if(a.target.id!="img2"){

　　   document.getElementById("div1_4_1").style.display="none";

　　  }

　　}

以上是“js中addEventListener事件怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！