공부/Javascript

table > tr 클릭 이벤트 특정 td만 적용 안되게 하기

딸기버블티 2022. 2. 21. 13:20
1
<tr onclick='메서드명()'/>
 

또는

1
2
3
 $("#테이블ID").on("click""tr"function () {
    alert("클릭");
 });
 
 

을 하면 table 의 tr (행단위)로 클릭 이벤트를 줄 수 있다. 하지만 특정 td 에는 클릭 이벤트를 걸고 싶지 않을 때에는

 

td에 다음과 같이 적어주면 된다.

1
<td onclick='event.cancelBubble=true;'>
 

이렇게 해주게 되면, 설정한 td 는 클릭 이벤트를 먹지 않는다.