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