One 、 Direct deletion
1、 For directly bound Events , Such as :
<h1 id="h1" onclick="_click();"> Give you a flower </h1>
2、 Relief law :
function unbind(){
var h1 = document.getElementById('h1');
h1.onclick= false; // perhaps h1.onclick= null ;
}
Two 、 First there's the binding function , The law of dissolution again
1、 First use addEventListener The binding event
var h1 = document.getElementById('h1');
h1.addEventListener('click',clickx_,false);
function clickx_(){
alert(" Click to ");
unclick();
}
2、 Reuse removeEventListener Delete binding event
function unclick(){
var h1 = document.getElementById('h1');
h1.removeEventListener('click',clickx_,false);
}
Reference material :https://www.runoob.com/js/js-htmldom-eventlistener.html