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

방법: 1. 직접 삭제 방법, "object.onclick=false;" 문을 사용하여 바인딩 이벤트를 삭제합니다. 2. 먼저 addEventListener를 사용하여 이벤트를 바인딩한 다음, RemoveEventListener를 사용하여 바인딩된 이벤트를 삭제합니다.

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

Native JS 자바스크립트 바인딩 해제 이벤트 JS 삭제 바인딩 이벤트

1. 직접 삭제 방법

1.

<h1 id="h1" onclick="_click();">送你一朵花</h1>

2와 같은 직접 바인딩 이벤트에 적합합니다.

function unbind(){
    var h1 = document.getElementById('h1');
    h1.onclick= false; // 或者 h1.onclick= null ;
}

2. 다시

1. 먼저 addEventListener를 사용하여 이벤트를 바인딩합니다

    var h1 = document.getElementById('h1');
	h1.addEventListener('click',clickx_,false);
	function clickx_(){
		alert("点击到了");
		unclick();
	}

2. 그런 다음 RemoveEventListener를 사용하여 바인딩된 이벤트를 삭제합니다

    function unclick(){
		var h1 = document.getElementById('h1');
		h1.removeEventListener('click',clickx_,false);
	}

[권장 학습: javascript 고급 튜토리얼]

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