자바스크립트 이벤트 체크 해제 방법

王林
풀어 주다: 2021-11-10 14:24:40
원래의
4572명이 탐색했습니다.

Javascript 취소 이벤트 방법: 이벤트 선택 취소는 [btn.onclick = null;]과 같은 이벤트 핸들러를 삭제하여 수행할 수 있습니다.

자바스크립트 이벤트 체크 해제 방법

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

이벤트 핸들러는 DOM0 레벨과 DOM2 레벨로 구분됩니다. 이벤트가 onclick으로 바인딩된 경우 다음 방법으로 취소할 수 있습니다.

btn.onclick=null;//删除事件处理程序
로그인 후 복사

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

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿