event.target 이벤트가 발생된 요소 찾기
jQuery 2015. 5. 13. 00:59
728x90
반응형
event.target
- 이벤트가 시작된 DOM 요소
그럼 저 target 속성은
- 이벤트에 등록된 요소나 또는 그 자식(후손?) 이 될 수 있다
그렇다는 소리는
1 2 3 | <div> <span></span> </div> | cs |
이러한 마크업에서
'div' 를 클릭을 하였어도
'span' 을 클릭했다고 나온다.
이벤트는 내가 이벤트를 건 대상에서부터 발생하는것이 아니라 target에서 부터 발생하다는 점을 잊지말자
http://jquery.com에 있는 예제를 작성해봤다.
jacascript 탭을 확인해 보면
분명 'body' 를 클릭한게 맞는거 같은데
다른 요소들의 정보를 취득할 수 있었다.
이벤트가 정확히 어디에서 시작이 됐는지 찾을 수 있다.
(가끔 로직을 짜다보면 분명히 맞게 쓴 경우가 있는데 작동이 안될 때가 있을 수 있다. 그럴땐 이런식으로 정확히 무엇을 클릭하였는지 확인해 보자.)
두번째 예제를 보자
이 예제로 클릭했던 대상이 되는 요소의 이벤트 를 자손 요소한테 물려주는 방식을 알아볼 수 있다. (말이 어렵네... 걍 이벤트 위임 이라 하자.)
반응형
'jQuery' 카테고리의 다른 글
.change() 메서드 (0) | 2016.04.24 |
---|---|
[자바스크립트, 제이쿼리] onload와 (function(){...}, $(document).ready(function){ ... }; 의 차이 (0) | 2015.06.30 |
길이 값을 구하는 메서드들 width, innerWidth, outerWidth (0) | 2015.05.08 |
.attr() 메서드와 .prop() 메서드 (0) | 2015.05.05 |
each와 index 의 간단설명 (0) | 2015.05.04 |