關于原生JS元素怎麼取消事件，有3種方式
方法1：removeEventListener
案例：
<body>
<div id="myDIV"> div 元素添加了 onmousemove 事件句柄，在你移動滑鼠時會顯示随機數。
<p>點選按鈕移除 DIV 的事件句柄。</p>
<button onclick="removeHandler()" id="myBtn">點我</button>
</div>
<p id="demo"></p>
<script>
document.getElementById("myDIV").addEventListener("mousemove", myFunction);
function myFunction()
{
document.getElementById("demo").innerHTML = Math.random();
}
function removeHandler()
document.getElementById("myDIV").removeEventListener("mousemove", myFunction);
</script>
</body>
原生JS裡面的方法很少，是以換一種思路，在方法裡面進行判斷
方法2：通過function裡面的判斷狀态，然後return false
var state=1;
document.getElementById("myBtn").addEventListener("click", function(){
if(state==0){
return false
}else{
alert(“caca”);
state=0;
});
方法3：通過function的判斷狀态，然後在方法裡面再次添加此事件，覆寫事件後，然後再return false
document.getElementById("myBtn").addEventListener("click",
function(){
document.getElementById("myBtn") .addEventListener("click",
function() {return false;});
alert(“caca”);
state=0;
![主流浏覽器四大綜合性能測試[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)