addeventlistener(js中addEventListener事件怎么用)

发布时间:2025-12-10 22:46:45 浏览次数:2

  addEventListener的用法

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

  functionjudje(a){

  alert("sss");

  }

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

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

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

  js监听器addEventListenerHTML代码

  <pclass="p1_4"onclick="display2(this.firstChild.nextSibling.nextSibling.nextSibling)">

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

  <pclass="p1_4_1"id="p1_4_1">

  <pclass="p1_4_2">我的文件</p>

  <pclass="p1_4_2">账户中心</p>

  <pclass="p1_4_2">个人主页</p>

  <pclass="p1_4_2">偏好设置</p>

  <pclass="p1_4_2">入门教程</p>

  <pclass="p1_4_2">更新日志</p>

  <pclass="p1_4_2">退出登录</p>

  </p>

  </p>

  javascript代码

  document.addEventListener('click',judje)

  functionjudje(a){

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

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

  }

  }

addeventlistener
需要做网站?需要网络推广?欢迎咨询客户经理 13272073477