블로그 이미지
소낑
혼자 정리하고 혼자 보는 초보개발자 소끼월드

calendar

1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

Notice

Tag

2017. 2. 2. 15:19 FRONT-END/Javascript

이벤트 발생 순서


만약에, 동일 엘리먼트에 다른 클릭 이벤트가 걸려 있으면 뭐 부터 실행이 될까?

-> 이벤트 버블링에 의해 자식 노드에 걸린 이벤트부터 실행이 된다.


예를들어,


$('body').delegate('.btnConfirm', 'click', function (e) { alert('body'); });
$('html').delegate('.btnConfirm', 'click', function (e) { alert('html'); });
$('.btnConfirm').click(function (e) { alert('btnConfirm'); });

이런 식으로 되어있을 경우 실행 결과는
' btnConfirm -> body -> element '가 된다.


이때, 특정 이벤트를 실행하고 그 이후 이벤트는 실행되지 않도록 하고 싶다면
e.stopPropagation() 메서드를 이용해서 실행을 막을 수 있다.
 (ie는 cancelbubble속성값 true로 변경)


 

posted by 소낑