jQuery - mouse 이벤트(mouseenter()와 mouseover()의 차이)

마우스가 해당 요소에 over되면 발생하는, 즉 마우스 커서가 해당 요소안으로 진입했을경우 발생하는 메소드 2가지 있다.

1) mouseenter()

2) mouseover()

이 둘의 차이는 버블업과 관련이 있으며 약간의 미세한 차이가 있다.

1. 이벤트 발생시 해당요소의 자손들에게도 영향을 미치는지 여부

2. 이벤트 발생의 차이가 존재한다.

mouseenter()

- 이벤트 발생시 선택자(해당요소)의 자손들에게 영향을 미치지 않는다.

- 이벤트 발생시점이 마우스 커서가 선택자(해당요소)에 진입했을 경우 단, 한번이다.

mouseover()

- 이벤트 발생시 선택자(해당요소)의 자손들포함하여 영향을 끼친다.

- 이벤트 발생시점이 마우스 커서가 선택자(해당요소)에 진입했을 경우지만, 여러번에 걸쳐서 실행된다. 쉽게말하면 커서가 요소안에 over되어있다면, 이벤트가 반복해서 실행된다는점이다.