Front [jQuery] 함수 실행을 중지하는 방법, preventDefault, stopPropagation 728x90 안녕하세요. 이사작전입니다. 오늘은 event.preventDefault()와 event.stopPropagation()을 이용해서 함수 실행을 중지하는 방법을 공유하려합니다. 문제안쪽 div의 onclick을 눌렀는데, 바깥쪽 div의 onclick도 함께 실행된다.해결방법안쪽 div의 onclick함수 내에, event.preventDefault()와 event.stopPropagation()를 사용하여 return false와 같은 효과를 내본다. 그러면 바깥쪽 div의 onclick이 실행되지 않을 것 같다!소스코드 공개간단한 예제를 작성하였습니다.html123<div onclick="goToDetail()"> <div onclick="stopTest(event)"></div></div>Colored by Color ScriptercsjQuery12345678function goToDetail(){ location.href="detail.html";} function test(event){ event.preventDefault(); event.stopPropagation();}cs감사합니다. 궁금한 점이 있다면 댓글남겨주세요.#jQuery #함수중단 #함수실행중지 #함수중지 #stopPropagation #preventDefault 반응형 공유하기 URL 복사카카오톡 공유페이스북 공유엑스 공유 게시글 관리 구독하기팀드모네 IT Blog 저작자표시 비영리 동일조건 'Front' 카테고리의 다른 글 리엑트에 fontawesome 설치하는 방법 (0) 2019.01.08 [jQuery] 간편하게 attr 다중처리하는 방법! (0) 2018.12.13 [javascript] 정규식으로 모든 공백을 제거하는 방법! (0) 2018.12.01 [javascript] Cannot read property 문제를 해결하는 방법 (0) 2018.11.21 [css] image 어둡게 만드는 방법 (0) 2018.10.24 Contents 당신이 좋아할만한 콘텐츠 리엑트에 fontawesome 설치하는 방법 2019.01.08 [jQuery] 간편하게 attr 다중처리하는 방법! 2018.12.13 [javascript] 정규식으로 모든 공백을 제거하는 방법! 2018.12.01 [javascript] Cannot read property 문제를 해결하는 방법 2018.11.21 댓글 0 + 이전 댓글 더보기