dom 사건의 거품과 포획

2015년 10월 14일
No comments
Article
사건 전달에는 두 가지 방식이 있는데 그것이 바로 거품과 포획이다.이벤트 전달은 원소 이벤트가 촉발하는 순서를 정의합니다.만약 p원소를div원소에 삽입한다면, 사용자가 p원소를 클릭하면, 어떤 원소의 '클릭' 이벤트가 먼저 터치됩니까?거품이 생기면 내부 원소의 이벤트가 먼저 터치된 다음에 외부 원소를 터치한다. 즉, p원소의 클릭 이벤트가 먼저 터치하고div원소의 클릭 이벤트를 터치한다.포획에서 외부 요소의 이벤트는 먼저 촉발된 다음에 내부 요소의 이벤트를 촉발한다. 즉,div 요소의 클릭 이벤트는 먼저 촉발한 다음에 p 요소의 클릭 이벤트를 촉발한다.addeventListener () 방법은 "use Capture"파라미터를 지정하여 전달 형식을 설정할 수 있습니다:addeventListener (이벤트,function,use Capture).

               ，        。


  
    ，    。




  
    ，    。 



document.getElementById("myP").addEventListener("click", function() {
    alert("     P   !");
}, false);

document.getElementById("myDiv").addEventListener("click", function() {
    alert("      DIV    !");
}, false);

document.getElementById("myP2").addEventListener("click", function() {
    alert("     P   !");
}, true);

document.getElementById("myDiv2").addEventListener("click", function() {
    alert("     DIV    !");
}, true);

기타 $().데이터(,)가 $(")에 해당합니다.removeData() $(”).each() $(”).get() $(”).index() var jq = $.noConflict() $(”).param() $(”).size() $(”).toArray()
Categories: JavaScript

댓글 달다

이메일 주소는 공개되지 않습니다.필수 항목 * 마크업
이름*
e- 메일 *
사이트
코멘트
이러한 HTML 태그와 속성을 사용할 수 있습니다.