下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:JS---DOM---为元素解绑事件

作者:jane_panyiyun     来源: https://www.cnblogs.com/jane-panyiyun/p/12017009.html点击数:862发布时间: 2020-03-21 21:06:55

标签: XML文档DOMhtml

Web开发

  DOM是遵循W3C(万维网联盟)的标准。

  DOM定义了访问htmlXML文档的标准:"W3C文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。"

  解绑事件

  注意:用什么方式绑定事件,就应该用对应的方式解绑事件

  1.解绑事件

  对象.on事件名字=事件处理函数--->绑定事件

  对象.on事件名字=null;

  //1对象.on事件名字=事件处理函数----绑定事件

  my$("btn").onclick=function(){

  console.log("我猥琐");

  };

  my$("btn2").onclick=function(){

  //1.解绑事件

  my$("btn").onclick=null;

  };

  2.解绑事件

  对象.addEventListener("没有on的事件类型",命名函数,false);---绑定事件

  对象.removeEventListener("没有on的事件类型",函数名字,false);

  //点击第二个按钮把第一个按钮的第一个点击事件解绑

  functionf1(){

  console.log("第一个");

  }

  functionf2(){

  console.log("第二个");

  }

  my$("btn").addEventListener("click",f1,false);

  my$("btn").addEventListener("click",f2,false);

  //解绑事件的时候,需要在绑定事件的时候,使用命名函数

  my$("btn2").onclick=function(){

  my$("btn").removeEventListener("click",f1,false);

  };

  3.解绑事件(IE8才可以用)

  对象.attachEvent("on事件类型",命名函数);---绑定事件

  对象.detachEvent("on事件类型",函数名字);

  (attachEvent谷歌火狐不支持,IE11不支持,IE8支持)

  //IE8里用attachEvent

  functionf1(){

  console.log("第一个");

  }

  functionf2(){

  console.log("第二个");

  }

  my$("btn").attachEvent("onclick",f1);

  my$("btn").attachEvent("onclick",f2);

  根据W3CDOM规范,DOM是HTML与XML的应用编程接口(API),DOM将整个页面映射为一个由层次节点组成的文件。有1级、2级、3级共3个级别。

赞(8)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程