728x90
반응형

event.target

- 이벤트가 시작된 DOM 요소


그럼 저 target 속성은

- 이벤트에 등록된 요소나 또는 그 자식(후손?) 이 될 수 있다


그렇다는 소리는 

1
2
3
<div>
    <span></span>
</div>
cs


이러한 마크업에서

'div' 를 클릭을 하였어도

'span' 을 클릭했다고 나온다.


이벤트는 내가 이벤트를 건 대상에서부터 발생하는것이 아니라 target에서 부터 발생하다는 점을 잊지말자


http://jquery.com에 있는 예제를 작성해봤다.



jacascript 탭을 확인해 보면

분명 'body' 를 클릭한게 맞는거 같은데

다른 요소들의 정보를 취득할 수 있었다.


이벤트가 정확히 어디에서 시작이 됐는지 찾을 수 있다.

(가끔 로직을 짜다보면 분명히 맞게 쓴 경우가 있는데 작동이 안될 때가 있을 수 있다. 그럴땐 이런식으로 정확히 무엇을 클릭하였는지 확인해 보자.)



두번째 예제를 보자


이 예제로 클릭했던 대상이 되는 요소의 이벤트 를 자손 요소한테 물려주는 방식을 알아볼 수 있다. (말이 어렵네... 걍 이벤트 위임 이라 하자.)



반응형

댓글 0