자바 스크립트 : stopPropagation을 활성화하는 방법은 무엇입니까?

Question

object.stopPropagation()으로 이벤트 버블 링을 중지 할 수 있지만 어떻게 다시 사용할 수 있습니까?

js에 미리 정의 된 함수가 있습니까? 예 : object.startPropagation?

편집 :

문제는 당신은 내가 그것을 원하지 않아요 후에도 항상 이벤트 버블 링을 중지보다 "개체"를 클릭, 그래서 그것을 중지하려는 경우 JS는 기억이다 :

document.getElementById("object").onclick = function(e){ 
    if(e && e.stopPropagation) { 
     e.stopPropagation(); 
    } else { 
      e = window.event; 
      e.cancelBubble = true; 
    } 
} 

Answer 1

값을 전혀 기억하지 못합니다. e 이벤트는 onclick이 해고 될 때마다 새로운 이벤트입니다. 문제는 당신이 항상 이벤트 버블 링을 취소하는 것입니다 :

if(foo) { 
    e.stopPropagation(); 
} else { 
    e.cancelBubble = true; 
} 

• e.stopPropagation가 버블 링 이벤트를 방지하는 W3C 방법 입니다.
• e.cancelBubble은 이벤트 버블 링을 방지하는 Microsoft 메서드입니다.

둘 다 동일합니다. 그래서 당신은 매번 이벤트의 버블 링을 취소합니다. More read here.

조건이 충족되는 경우에만 버블 링 취소됩니다 그래서 당신은 당신의 방법을 변경해야합니다

:

는

document.getElementById("object").onclick = function(e) { 

    if(e && e.stopPropagation && someCriteriaToStopBubbling === true) 
    { 
     e.stopPropagation(); 
    } 
    else if (someCriteriaToStopBubbling === true) 
    { 
      e = window.event; 
      e.cancelBubble = true; 
    } 
} 

UPDATE : 곰 염두에 현재 코드에서 if (e && e.stopPropagation)는 항상 true 될 것 브라우저가 stopPropagation을 지원하는 경우. 두 번째 중괄호 cancelBubble에 들어가면 마지막으로 설정 한 값을 기억하지 못합니다. this fiddle을 참조하십시오.

요약하면 요약하면 코드에서 매번 클릭 할 때마다 전파가 취소됩니다. 요소 계층까지 전파를 취소할지 여부를 결정하려면 함수에 몇 가지 기준을 지정해야합니다.