javascript如何解除事件绑定

文章2023-03-13104 人已阅来源：网络

方法：1、直接删除法，使用“对象.onclick=false;”语句删除绑定事件即可。2、先使用addEventListener绑定事件，再使用removeEventListener删除绑定事件即可。

javascript如何解除事件绑定

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

原生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);
	}

【推荐学习：javascript高级教程】

以上就是javascript如何解除事件绑定的详细内容！

相关内容

为什么css放上面js放下面
css放上面js放下面的原因：1、在加载html生成DOMtree的时候，可以同时对DOMtree进行渲染，这样可以防止闪跳，白屏或者布局混乱；2、javascript加载后会...
js如何修改css
js修改css的方法：1、使用【obj.style.cssTest】来修改嵌入式的css；2、使用【bj.className】来修改样式表的类名；3、使用更改外联的css文件，...
js如何改变css样式
js改变css样式的方法：1、使用cssText方法；2、使用【setProperty()】方法；3、使用css属性对应的style属性。本教程操作环境：windows7系统、...
如何使用纯CSS、JS实现图片轮播效果
本篇文章给大家详细介绍一下使用纯CSS、JS实现图片轮播效果的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。<!DOCTYPEhtml>&l...
js如何修改css样式
js修改css样式的方法：1、使用【obj.className】来修改样式表的类名；2、使用【obj.style.cssTest】来修改嵌入式的css；3、使用【obj.cla...
聊聊CSS 与 JS 是如何阻塞 DOM 解析和渲染的
本篇文章给大家介绍一下CSS和JS阻塞DOM解析和渲染的原理。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。hello~各位亲爱的看官老爷们大家好。估计大家都...
tp5如何引入css文件
tp5引入css文件的方法：1、将css文件放在public目录下的static文件里即可；2、在页面引入中写上“<linkrel="stylesheet&qu...
10款好看且实用的文字动画特效，让你的页面更吸引人！
图片和文字是网页不可缺少的组成部分，图片运用得当可以让网页变得生动，但普通的文字不行。那么就可以给文字添加一些样式，实现一下好看的文字效果，让页面变得更交互，更吸引人。下面PH...
HTML+CSS+JS实现雪花飘扬（代码分享）
使用HTML+CSS+JS如何实现下雪特效？下面本篇文章给大家分享一个HTML+CSS+JS实现雪花飘扬的示例，希望对大家有所帮助。很多南方的小伙伴可能没怎么见过或者从来没见过...
详细介绍下js中的window与document
首先我们来看看window，它代表的是浏览器中一个打开的窗口。对象属性　　window//窗口自身　　window.self//引用本窗户window=window.self　...

浏览更多有关 js 事件绑定的内容