checkbox에서는 tr의 click 이벤트 미적용 처리 방법

Question

tr.hover에 클릭하면 페이지가 이동하는 이벤트를 적용하였습니다.행 어느 곳을 클릭해도 클릭이벤트가 적용되는데checkbox를 클릭하면 클릭이벤트가 적용되지 않도록 변경하고 싶습니다.not()함수를 적용해봐도 checkbox 클릭 시 이벤트가 적용되더라구요다른 방법으론 class="hover"를 각각의 에 class를 적용하는 방법밖에 떠오르지 않는데이외에 다른방법이 있을까요? 1 2 3 4 $('.hover').not('input[type="checkbox"]').click(function(){ let num = $(this).data('value'); .... });

kenu · Accepted Answer

이벤트 전파(event propagation)를 이용하여 클릭 이벤트가 checkbox로부터 상위 요소로 전파되지 않도록 할 수 있습니다. 이를 위해 event.stopPropagation() 메서드를 사용할 수 있습니다. 이 메서드는 이벤트가 상위 요소로 전파되는 것을 막습니다.다음은 checkbox 클릭 이벤트를 미적용하는 방법을 보여주는 예시 코드입니다:$('input[type="checkbox"]').click(function(event) { event.stopPropagation(); }); 이 코드는 checkbox 요소에 클릭 이벤트가 발생할 때마다 해당 이벤트가 상위 요소로 전파되는 것을 막습니다. 따라서, .hover 클래스가 적용된 요소에 클릭 이벤트가 적용되지 않습니다.from: https://www.phind.com/search?cache=qp4jp8til767yq9fwc1w90eu

최혁진 · Answer

pointer-events: none;

checkbox에서는 tr의 click 이벤트 미적용 처리 방법

2개의 답변

#event 목록