div 요소가 JS onmouseover에 응답하지 않습니다.

Question

그래서 커서/마우스를 이동하고 clientX를 기반으로 물결 모양 패턴을 나타내는 스타일을 사용하여 div를 생성하는 기본 작업 예제가 있습니다.

내가 원할 경우에만 addEventlistener 添加到 window 时才有效： window.onmousemove= e => AnimationBubble(e.clientX);

이 기능이 무엇인지 묻지 마시고, 뭔가 문제가 있는지 확인해주세요! 이 함수에는 문제/버그가 없습니다. 마우스clientX 위치를 허용하고 일부 클래스가 포함된 div를 생성하고 몇 초 후에 제거하는 간단한 함수일 뿐입니다.

전체 창에 이벤트 리스너를 추가하는 것은 쓸모가 없으며 mousemove eventlistener 添加到父 div 中，我可以节省大量 CPU 使用率。指示仅当用户将鼠标悬停在 parent div/container를 입력해야만 div가 생성된다는 것을 알았습니다. 사용자가 더욱 상호작용할 수 있도록 바닥글 섹션에 이것을 추가할 생각입니다.

으아아아 으아아아 으아아아

Answer 1

CSS 클래스를 추가하기만 하면 됩니다: pointer-events: none; 替换为 cursor: none; 为 #bubble_wrapper 그러면 예상대로 작동할 것입니다 :)

도움이 되기를 바랍니다!