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

                   原生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