label 태그 안에서 function이 두번 실행되는 현상

Question

레이블 테스트 function testFunction(){ alert("테스트"); console.log("테스트"); }label안의 text를 클릭하더라도 체크박스에 체크가되고 function을 타도록 하려고 하는데요..위와 같이 코드를 짜서 체크박스 선택시에는 함수 한번 잘타는데, label안의 text영역(레이블 테스트)를 클릭하면 함수가 두번씩 타는데 무슨 이유인지 도무지 모르겠습니다... 왜 이런 걸까요

킁킁탐정 · Accepted Answer

브라우저에서 두번 이벤트를 발생시켜서 생기는 문제입니다. 이 해결방법이 몇가지 있는데, 가장 손쉬운 방법은 onclick이벤트를 onchange로 바꾸면 원하시는 결과를 얻을 수 있습니다.

이게뭔가싶다 · Answer

onclick을 label말고 input에 걸면 한번만 뜰거에요

개발을하고싶다 · Answer

나도좀실력쌓고싶어 /input에 걸면 저 코드에서는 동작이 되는데 제가 테스트하는 코드에 jstl이라던가 여러가지 조건들이 있어서 잘 안되더라고요 ㅠㅠ 소중한 답변 정말 감사드립니다. 킁킁탐정 /와 이거인거 같습니다 제 개발테스트코드에 적용해도 잘됩니다.. 이거로 날려먹은 시간이 ㅠㅠ 소중한 답변 정말 감사드립니다..

이게뭔가싶다 · Answer

저도 배우고갑니다 ㅎㅎ

label 태그 안에서 function이 두번 실행되는 현상

4개의 답변

Q&A 목록