Native JS javascript Unbind event JS Delete binding event

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