728x90 반응형 인터뷱2 이벤트 버블링이 되지 않았던 문제 해결하기 아래의 게시물도 참고해서 확인해주시면 좋을 거 같습니다! 마우스 포인터가 요소를 벗어나지 않았음에도 onMouseOut 이벤트가 실행되는 이유 + 해결방법 이전에 노션에 정리를 해둔 내용이나, 제대로 정리되지 않은 부분이 있어 블로깅을 하게 되었다. 그리고 노션은 나만 보기도 하니깐! 문제상황 나는 아이콘에 mouse를 hover했을 때 dropdown 메뉴가 1two13.tistory.com 문제상황 나는 아이콘에 mouse를 hover했을 때 dropdown 메뉴가 화면에 노출되고, 메뉴 안에 있는 값을 클릭했을 때 해당 값이 선택되도록 구현하고 싶었다. dropdown 메뉴를 구현하기 위해 에게 onMouseOver 이벤트와 onMouseOut 이벤트를 등록한 상황이다. 두 번째로 확인되는 문제점은.. 2023. 3. 26. 마우스 포인터가 요소를 벗어나지 않았음에도 onMouseOut 이벤트가 실행되는 이유 + 해결방법 이전에 노션에 정리를 해둔 내용이나, 제대로 정리되지 않은 부분이 있어 블로깅을 하게 되었다. 그리고 노션은 나만 보기도 하니깐! 문제상황 나는 아이콘에 mouse를 hover했을 때 dropdown 메뉴가 화면에 노출되고, 메뉴 안에 있는 값을 클릭했을 때 해당 값이 선택되도록 구현하고 싶었다. dropdown 메뉴를 구현하기 위해 에게 onMouseOver 이벤트와 onMouseOut 이벤트를 등록한 상황이다. 근데 여기서 확인되는 첫 번째 문제점이 있었다. 선택된 영역 위에, 즉 div 위에 마우스를 올렸을 때 onMouseOver 이벤트만 발생되어야 하는데, onMouseOut 이벤트도 발생되는 문제점이 있었다. 참고로 onMouseOut 이벤트는 마우스의 커서가 해당 요소에서 위치하다가 빠져나갈.. 2023. 3. 26. 이전 1 다음 728x90 반응형
