클릭 이벤트 멈추기

|

event.stopPropagation() : 부모 태그의 이벤트를 실행하지 않는다.


// event2 실행, 1은 실행 안함

<div id="div1" onclick="event1">

<div id="div2"></div>

</div>


$('#div2').click(function(){
event2

event.stopPropagation();
});





event.preventDefault() : 이후의 이벤트를 실행하지 않는다.


// event1, 2 실행 3은 실행 안함

$('#aaa').click(function(){

event1

event2


event.preventDefault();


event3

});

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

ajax jsonp 처리  (0) 2015.01.05
inArray 배열내의 내용을 비교후 index 반환  (0) 2013.03.12
Datepicker 특정 요일 선택 막기  (0) 2013.03.04
.serialize()  (0) 2013.02.26
Ajax 반환값으로 json 처리  (0) 2012.12.07
And