FrontEND/Javascript

[javascript] li event 중복 방지

mingmingIT 2020. 10. 16. 09:21

개발을 하다가 보면 li 이벤트 안에 li 이벤트를 또 걸수가 있는데

이렇게 되면 이벤트 중복이 일어나 원하는 방향으로 개발을 할수가 없다.

<li onclick="setDetail();">
    <ul><li onclick="setDetail();"></li></ul>
</li>

이럴때는 아래와 같이 해주면 된다.

<li onclick="setDetail()">
    <ul><li onclick="event.cancelBubble=true; setDetail(); return false;"></li></ul>
</li>

'FrontEND > Javascript' 카테고리의 다른 글

[javascript] 팝업 열려 있는지 확인하고 팝업 띄우기  (0) 2019.05.28
c3.js 차트 사용법  (0) 2017.12.01
Capslock 판단  (0) 2017.11.30
비밀번호 강도 체크  (0) 2017.11.30
api 반복 호출 방법  (0) 2017.11.30