html table 클릭 이벤트

Question

테이블 행을 클릭하면 상세화면 나오는 함수를 구현했는데 제가 수정하기 이런식으로 행의 안에 수정 버튼을 만들었는데 수정 버튼 누를시 클릭 이벤트도 같이 발생하더라구요 분리하는 방법 없나요?

HJOW · Answer

다르게 생각해보는 건 어떨까요?tr 에서 이벤트를 제거하고tr 내에서 버튼이 있는 td를 제외한 다른 모든 td에 이벤트를 주고버튼 있는 td에서도 버튼 외 영역에 이벤트를 준다는 쪽으로

Mux · Answer

이벤트 버블링을 알아보시는게 어떠신가요? td를 클릭할 때, event(MouseEvent) 인자를 받게 되는데,event 인자의 함수 중에 이벤트 전파(버블링)을 막아주는 것이 있습니다. 제가 답을 알려드릴 수는 있지만 의미있게 사용하실 수 있도록 힌트만 제공해드렸습니다.

bnsttf1 · Answer

두분 다 감사합니다 ㅎ

html table 클릭 이벤트

3개의 답변

Q&A 목록