공부/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 는 클릭 이벤트를 먹지 않는다.