자바스크립트에서 이벤트 바인딩을 해제하는 방법

방법: 1. "object name.onclick=null" 문을 사용합니다. 2. "object name.removeEventListener(type, function(){},false)" 문을 사용합니다. 3. "object.detachEvent( 유형, 이름) )" 구문을 사용합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

호환성 이벤트 바인딩 방법 캡슐화 필요에 따라 이벤트 바인딩이 트리거된 후 이벤트에 접속해야 하는 경우도 있습니다.

Unbind 이벤트 방법:

1. onclick

 element.onclick = false/''/null

Instance

<p></p>
 var p = document.getElementByTagName("p")[0]; 
    p.onclick = function () {
    console.log("a");
    p.onclick = null; 
}

2. addEventListener(type, function(){},false) 바인딩 해제,

remove를 사용하여 바인딩 해제

addEventListener(type, function) (){},false), 이벤트 유형, 함수, false가 일대일로 일치해야 합니다

잘못된 취소 방법

var p = document.getElementByTagName("p");
p.addEventListener('click',function(){
    console.log("a");
},false)
p.removeEventListener(type,（function(){console.log("a");}）,false)

이 상황은 해결할 수 없습니다

올바른 취소 방법

function test(){
    console.log("a");
}
p.addEventListener('click',test,false);
p.removeEventListener('click',test,false);

3. on'+ type,function(){}), detachEvent('on'+type,function(){})을 사용하여 취소

function test(){}
obj.attachEvent('on'+ type,test);
obj.detachEvent('on'+type,test)

【추천 학습: javascript 고급 튜토리얼】

위 내용은 자바스크립트에서 이벤트 바인딩을 해제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!