tr onclick 특정 td 제외

 테이블에서 <tr>에 onclick을 넣다보면 일부 td에선 안쓰고 싶을때가 있습니다..

 예를들어 체크박스라던지 다른 이벤트박스라던지 머 그런것들을 쓸 때 입니다.

 그때는 다음과 같이 특정 td에 onclick="event.cancelBubble=true" 를 넣어서 해당 td에선 이벤트를 막아주는 방법이 있습니다.

 간단하게 예를 들어보면

 1) 다음과 같은 테이블에 tr에는 onclick="alert('클릭')이 선언되어 있고 td에 체크 박스 2개가 있습니다.

 2) 첫번째 체크박스를 클릭하면 다음과 같이 alert 창이 뜨고 

 3) 그 후에 다음과 같이 체크가 됩니다.

 4) 반면, 두번째 체크박스를 클릭하면 onclick="event.cancelBubble=true"가 선언되어 있기 때문에 alert창이 뜨지 않고 체크만 됩니다.

 부족한 포스팅이지만, 해당 포스팅이 도움이 되시길바라며...

 오늘도 좋은하루되세요~

 아 그리고 별건 아니지만 테스트 할수 있도록 샘플 파일을 올려두겠습니다.

 (이상한 파일 아니니 안심하셔도 됩니다!ㅎㅎ)

test.html