js监听器addEventListener

js监听器addEventListener

 

js监听器可以对一个html元素绑定。比如这样。

document.getElementById("btn1")addEventListener('click',judje)
	function judje(a){
    alert("sss");
     }

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

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

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

下面看下代码。

HTML代码

     
    

        
我的文件
        
账户中心
        
个人主页
        
偏好设置
        
入门教程
        
更新日志
        
退出登录
    
  

javascript代码

	document.addEventListener('click',judje)
	function judje(a){
		if(a.target.id!="img2"){
			document.getElementById("div1_4_1").style.display="none";
		}
}

 

效果图：

当点击人像的时候会显示菜单  

点击其他地方会隐藏菜单。

这时候要注意的是，addEventListener绑定的是全局变量，targrt获取到点击的元素。然后进行操作就ok了