퍼블리싱
JS
자녀가 아닌 부모에서만 이벤트를 발생시키는 방법
- 김희영
- 2023-02-20 17:32
1. 타겟이 지정요소가 아니면 발생하지 않도록 막기
|
1 2 3 4 5 6 7 |
$(function(){ $부모요소.on('click', function(e){ if (e.target == this) { $부모요소.children('div').fadeOut(300); //부모요소 클릭하면 부모 안에 있는 div가 fadeout } }); }); |
위의 소스를 활용하여 딤드(부모) 클릭시 안에 있는 팝업(자식)이 사라지는 소스를 만들 수 있다.
2. 특정 자식요소 부분에서만 이벤트 발생 막기
|
1 2 3 4 5 6 7 |
$(function(){ $부모요소.on('click',function(){ $부모요소.children('자식요소').fadeOut(300); }).children('자식요소').on('click',function(e){ e.stopPropagation(); }); }); |
부모에게 이벤트를 주면서 자식요소에도 같은 이벤트를 주어 막는다.
Share
안녕하세요~ 김희영입니다 🙂
전체 0