https://eyabc.github.io/Doc/dev/core-javascript/browser_mouse_event.html

[utterances-bot]

Mouse Event | 재미있는 기억만 남기자

https://eyabc.github.io/Doc/dev/core-javascript/browser_mouse_event.html

[pul8219]

mouseover과 mouseenter의 차이점을 설명해주신 것 처럼 마우스 이벤트 종류들을 구체적으로 구분하여 설명해주셔서 좋았습니다.

[추가] mouseout / mouseleave 파트에 mouseover / mouseenter 의 차이점을 비교하면 알 수 있다. 링크에서 예제를 실행해 볼 수 있음. 에서 링크에 링크가 걸려있지 않아요!

[khw970421]

mouseover내용과 mousemove내용을 실행해보면서 mouseover는 해당 내용안에 들어간 상태로 움직여도 따로 추가적인 이벤트를 발생하지않는 반면 mousemove는 해당 내용안에서 움직일경우에도 계속 추가적인 이벤트를 발생하는 것을 보며 다르다는 것을 이해했습니다.

[pul8219]

step23 리뷰

parent->child 부분이 자세히 서술되어있어 좋았습니다. 아무래도 원문이 아직 영어라 공부하며 조금씩 헷갈렸는데 애매하게 설명한 말도 은영님 문서와 비교하며 고칠 수 있어서 더 좋았던 것 같습니다. 궁금증 parent->child부분에서 중첩된 요소 중 가장 상위 요소, top z-index를 어떻게 이해해야할까요? 그림상 parent가 z-index 기준으로 더 상위에 있는 요소인가요?! 아니면 child인가요...? z-index 관련 css 개념이 안 잡혀있어서 그런지 잘 모르겠네요

[eyabc]

@pul8219 z-index 는 position 이 적용되었을 때에만 나타나는 관계 인 것 같습니다. 위의 설명에서는,

• 브라우저 로직에 따르면, 마우스 커서는 한 순간에 하나의 elem 위에만 있을 수 있다.
  • 중첩된 요소 중 가장 상위 요소, top z-index 의 설명의 구분이 잘 안되있는 것 같습니다.

중첩된 요소 중 가장 많이 중첩된 요소 혹은 z-index 가 가장 큰 요소를 의미 합니다. 이렇게 해석하면 될 것 같아요!