js中addEventListener事件怎么用

小编给大家分享一下js中addEventListener事件怎么用，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

　　addEventListener的用法

　　js监听器可以对一个html元素绑定。比如这样。document.getElementById("btn1")addEventListener('click',judje)

　　 functionjudje(a){

　　alert("sss");

　　}

　　这样点btn按钮时，就可以弹出一个内容为sss的提示框。

　　但是这个却不是addEventListener的用法。

　　最常用的方法是当点击的地方不是某块div时，实现对某个地方的隐藏。

　　js监听器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">个人主页</div>

　　<divclass="div1_4_2">偏好设置</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事件怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！