과 하위의
둘 다 click event가 있는 경우.

Question

[하고싶은것]tr하위의 td를 div 2개로 나눠서 이름과 click이 되는 [수정] 이미지를 넣으려고 합니다. [문제]문제는 tr도 클릭이 되고, 별개로, [수정]도 클릭이 되야하는데,[수정]을 누르면 tr도 같이 click event가 발생합니다. [해결 시도 방법]구글링해보니, onclick="event.cancelBubble=true;"를 넣는 예제가 나오던데,이건 그냥 이벤트 자체를 막는건지 [수정]버튼이 눌리지 않습니다. [질문]어떤식으로 구현해야 tr도 눌리고, tr내부의 [수정]도 별개로 click event를 받을 수 있을지 알고 싶습니다. -머스테치{{}}를 이용해서 데이터를 받아오고 있습니다. {{#typeList}} {{/typeList}}

type
price
{{getTypeName}}	{{getPrice}}

댄토리 · Answer

아래처럼 event.stopPropagation(); 를 활용해서 이벤트가 전파되는걸 막으시면 됩니다.

<tr>과 하위의 <div> 둘 다 click event가 있는 경우.

1개의 답변

Q&A 목록