addeventListener의 세 가지 매개 변수에 대한 자세한 설명, usecapture

addeventListener는 세 가지 매개 변수가 있습니다. 첫 번째 매개 변수는 이벤트 이름을 나타냅니다 (예 : "Click"과 같은 제외); 두 번째 매개 변수는 이벤트 처리를 수신하는 함수를 나타냅니다. 세 번째 매개 변수는 usecapture 이며이 기사에서 설명 할 것입니다.

코드 사본은 다음과 같습니다.

<div id = "outdiv">

<div id = "middlediv">

<div id = "indiv"> 마우스를 여기에서 클릭하십시오. </div>

</div>

</div>

<div id = "info"> </div>

코드 사본은 다음과 같습니다.

var outdiv = document.getElementById ( "outdiv");

var middlediv = document.getElementById ( "middlediv");

var indiv = document.getElementById ( "indiv");

var info = document.getElementById ( "Info");

outdiv.adeventListener ( "click", function () {info.innerhtml + = "outdiv" + "<br>";}, false);

middlediv.adeventListener ( "클릭", function () {info.innerhtml + = "middlediv" + "<br>";}, false);

indiv.addeventListener ( "click", function () {info.innerhtml + = "indiv" + "<br>";}, false);

위는 우리가 테스트 한 코드입니다. 트리거링 순서는 정보 표시에 따라 결정됩니다. addeventListeners는 3 개이며 usecapture의 선택적 값은 참이고 false이므로 2*2*2는 8 개의 다른 프로그램을 얻을 수 있습니다.

• 모두가 거짓일 때, 트리거링 순서는 다음과 같습니다. Indiv, Middlediv, Outdiv;

• 모두 사실 일 때, 트리거링 순서는 다음과 같습니다. Outdiv, Middlediv 및 Indiv;

• Outdiv가 사실 일 때, 다른 사람들은 거짓이며, 트리거링 순서는 다음과 같습니다. Outdiv, Indiv 및 Middlediv;

• 중간 부분이 참이면, 다른 사람들은 거짓이며, 트리거링 순서는 다음과 같습니다.

•…

마지막으로 다음과 같은 결론이 도출되었습니다.

• True의 트리거 순서는 항상 거짓 전입니다.

• 다중 인 경우, 외부 층의 트리거가 내부 층보다 우선합니다.

• 배수가 False 인 경우 내부 층의 트리거가 외부 층보다 우선합니다.

위의 것은이 기사에 관한 모든 것입니다. 나는 당신이 그것을 좋아하기를 바랍니다.