原生JS javascript解除绑定事件 JS删除绑定事件

一、直接删除法

1、适用于直接绑定的事件，如：

<h1 id="h1" onclick="_click();">送你一朵花</h1>

2、解除法：

function unbind(){var h1 = document.getElementById('h1');h1.onclick= false; // 或者 h1.onclick= null ;
}

二、先有绑定函数，再次解除法

1、先使用 addEventListener 绑定事件

    var h1 = document.getElementById('h1');h1.addEventListener('click',clickx_,false);function clickx_(){alert("点击到了");unclick();}

2、再使用 removeEventListener 删除绑定事件

    function unclick(){var h1 = document.getElementById('h1');h1.removeEventListener('click',clickx_,false);}

参考资料：https://www.runoob.com/js/js-htmldom-eventlistener.html

原生JS javascript解除绑定事件 JS删除绑定事件相关推荐

jQuery unbind 删除绑定事件 / 移除标签方法
jQuery unbind 删除绑定事件 unbind([type],[data]) 是 bind()的反向操作,从每一个匹配的元素中删除绑定的事件.如果没有参数,则删除所有绑定的事件.你可以将你用b ...
【原生js】js动态添加dom，如何绑定事件
首先要明白浏览器在加载页面的时候是按顺序来加载的,这样以来就很清楚了,js动态添加dom以后,这些dom并没有绑定事件,这个时候最简单的一个办法就是:将绑定事件的方法封装到一个函数A中,在动态添加完d ...
js实现为新添加元素添加绑定事件
不知道大家在写js的时候碰没碰到过这样一个问题:算了,还是直接上代码就是有时我们使用querySelectAll('li')只能获取html原有的li1,li2,li3标签,如果我们此时创建一个新的 ...
html与js项目引入react框架之绑定事件
一.react的引入需要引入三个文件 1.react.js https://unpkg.com/react@17/umd/react.development.js https://unpkg.com ...
js基础（七）{事件的分类绑定事件函数中的this 字符串函数的传参规则严格模式}
JS中的常用事件什么叫做事件所谓的事件,是浏览器监听用户行为的一种机制. 比如,当用户使用鼠标 "点击" 一个按钮,会触发该按钮的"点击"事件如果此时我们 ...
JS笔记--day22. 01.jq取消绑定事件
1.取消绑定事件前需要对事件进行绑定 // 绑定事件$('button').on('click.abc', fun);$('button').on('click.index', function(){ ...
绑定事件和取消绑定事件
给id="a"的按钮绑定输出xxx的事件 <body><button id="a">输出</button><butto ...
java c 事件对比_javacsript绑定事件的三种方式与各自特点
javacsript绑定事件的三种方式与各自特点 javacsript绑定事件的三种方式与各自特点点击打开链接 javacsript绑定事件的三种方式与各自特点 feipeng8848 2017-0 ...
python鼠标选中事件_python对绑定事件的鼠标、按键的判断实例
当多个事件绑定了同一个命令,那么在命令内部根据不同的事件进行处理的时候,怎么确定哪个事件发生了呢,用下面的来检测,经过测试处理tab键和alt键不能识别,其他单个都能被识别. 还有个事件的type属性 ...

原生JS javascript解除绑定事件 JS删除绑定事件

原生JS javascript解除绑定事件 JS删除绑定事件

原生JS javascript解除绑定事件 JS删除绑定事件相关推荐

最新文章

热门文章