중첩 된 JavaScript 이벤트의 우선 순위를 지정하는 방법은 무엇입니까?

Question

테이블 셀 안에 편집 버튼이 있습니다.

테이블 셀 이벤트에는 "클릭"이벤트가 있고 셀 안에있는 편집 버튼에는 다른 클릭 이벤트가 설정되어 있습니다.

테이블 셀 이벤트에 비해 버튼 이벤트의 우선 순위를 매기는 방법이 있습니까?

버튼에 대해 다른 z- 색인을 사용해 보았지만 작동하지 않았습니다.

가장 가까운 tr이 올바른 이벤트 기능을 수행하는 데 중요한 id 데이터를 보유하기 때문에 버튼을 테이블 바깥으로 이동할 수 없습니다.

Answer 1

당신은 버튼의 클릭 핸들러의 일환으로 event.stopPropagation()를 호출 할 수 있습니다 품어에서 클릭 이벤트를 방지하기 위해 테이블 셀에. 문서 : http://api.jquery.com/event.stopPropagation/

Answer 2

버튼의 클릭 핸들러 안에서 event.stopPropagation()으로 전화하면됩니다. 버블 링 및 캡처 이벤트에 대한 자습서에

element.onclick= function(event) { 
    // ... 
    event.stopPropagation(); 
    // ... 
} 

봐, 같은 http://javascript.info/tutorial/bubbling-and-capturing