자바스크립트에서 클릭 이벤트를 취소하는 방법

JavaScript에서 클릭 이벤트를 취소하는 방법: onclick 메서드를 사용하여 이벤트가 바인딩된 경우 [btn.onclick=null;]과 같이 클릭 이벤트를 취소하는 이벤트 핸들러를 삭제할 수 있습니다.

이 기사의 운영 환경: windows10 시스템, javascript 1.8.5, thinkpad t480 컴퓨터.

JavaScript의 이벤트는 DOM0 레벨과 DOM2 레벨로 구분된다는 것을 알고 있습니다. 이벤트가 onclick 메소드를 사용하여 바인딩되면 이벤트 핸들러를 삭제하여 클릭 이벤트를 취소할 수 있습니다.

btn.onclick=null;//删除事件处理程序

addEventListener() 메소드를 사용하여 이벤트를 추가하는 경우, RemoveEventListener()를 통해 이벤트를 제거할 수 있습니다. 두 가지 사항에 유의해야 합니다.

1.removeEventListener()의 세 번째 매개변수는 세 번째 매개변수와 일치해야 합니다. addEventListener() 메서드의 매개변수입니다.

2. addEventListener() 메소드를 통해 추가된 익명 함수는 제거할 수 없습니다.

btn.aaddEventListener('click',function(){alert(1);},false);
btn.removeEventListener('click',function(){alert(1);},false);//没有用！

aaddEventListener와 RemoveEventListener는 동일한 매개변수를 전달하는 것처럼 보이지만 실제로는 RemoveEventListener의 두 번째 매개변수와 aaddEventListener의 두 번째 매개변수는 완전히 다른 함수입니다!

이사하고 싶다면 다음을 수행해야 합니다:

 var fn=function(){
     alert(1);
 };
 btn.aaddEventListener('click',fn,false);
 btn.removeEventListener('click',fn,false);//有效

추천 학습: javascript 비디오 튜토리얼

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