IE 및 FF_javascript 기술에 따른 JS attachmentEvent, addEventListener 연구 노트

Object name.addEventListener("이벤트 이름(ON 없음)", 함수 이름, true/false); (FF 아래)
Object name.attachEvent("이벤트 이름", 함수 이름) (IE 아래)
지침:
이벤트 이름의 경우 "onclick"은 "click"으로 변경되어야 하며 "onblur"는 "blur"로 변경되어야 합니다. 즉, 이벤트 이름에 "on"이 포함되어서는 안 됩니다.
함수 이름, 괄호를 따르지 마세요. 마지막 매개변수는 이벤트의 응답 순서를 나타내는 부울 값입니다. addEventListener의 세 번째 매개변수(useCapture)에 집중하겠습니다. userCapture가 true이면 브라우저는 Capture를 사용하고, false이면 브라우저는 버블링을 사용합니다. false를 사용하는 것이 좋습니다. 예를 살펴보겠습니다.
html 코드

>js 코드

코드 복사 코드는 다음과 같습니다.

window.onload=function( ){ document .getElementById("div_test").addEventListener("click",test1,false); document.getElementById("btn_test").addEventListener("click",test2,false) } function test1(){ 경고( "외부 레이어 div 트리거") } function test2(){ Alert("inner input Trigger") }

userCapture가 true인 경우 test1이 먼저 트리거됩니다. test2가 먼저 실행됩니다.
예:
바인딩 방법 생성:




코드 복사

코드는 다음과 같습니다. if (typeof document.addEventListener != "정의되지 않음") { document.addEventListener("mousedown",_lhlclick,true) } else {

document.attachEvent("onmousedown", _lhlclick);

}


이벤트 삭제:

코드 복사

코드는 다음과 같습니다. : if (typeof document.addEventListener != "undefine") { document.removeEventListener("mousedown",_lhlclick,true) } else {

document. detachEvent("onmousedown", _lhlclick)

}

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.