javascript如何取消选中事件
程序员文章站
2022-03-01 17:06:39
...
javascript取消选中事件的方法:可以通过删除事件处理程序来实现取消选中事件,例如【btn.onclick = null;】。
本文操作环境:windows10系统、javascript 1.8.5、thinkpad t480电脑。
事件处理程序分为DOM0级和DOM2级,如果是用onclick方式绑定的事件可以用如下方法取消:
btn.onclick=null;//删除事件处理程序
如果使用addEventListener()方法添加事件,可以通过removeEventListener()移出事件,需要注意两点:
1、removeEventListener()的第三个参数必须和addEventListener()方法的第三个参数一致。
2、通过addEventListener()方法添加的匿名函数将无法移除。
btn.aaddEventListener('click',function(){alert(1);},false); btn.removeEventListener('click',function(){alert(1);},false);//没有用!
aaddEventListener和removeEventListener看似传入了相同的参数,但实际上removeEventListener的第二个参数与aaddEventListener的第二个参数是完全不同的函数!
想要移出必须这样
var fn=function(){ alert(1); }; btn.aaddEventListener('click',fn,false); btn.removeEventListener('click',fn,false);//有效
推荐学习:javascript视频教程
以上就是javascript如何取消选中事件的详细内容,更多请关注其它相关文章!
上一篇: javascript如何改变图片链接地址
下一篇: Elasticsearch实战总结
推荐阅读
-
javascript - wordpress "取消回复"按钮如何实现
-
JavaScript的闭包特性如何给循环中的对象添加事件(一)
-
JavaScript停止事件冒泡和取消事件默认行为
-
Jquery input多选框 只在选中时触发事件,取消选中时不触发
-
jquery css类javascript如何获取checkbox复选框选中项的值
-
jquery css类javascript如何获取checkbox复选框选中项的值
-
js取消checkbox选中状态(JavaScript知识整理)
-
js取消单选按钮选中示例代码_javascript技巧
-
js取消单选按钮选中示例代码_javascript技巧
-
如何用JavaScript获取标准下拉框的"选中值"和"选中文本"