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

作者:jane_panyiyun更新于： 2020-03-21 21:06:52

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

　　DOM定义了访问html和XML文档的标准:"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个级别。