그래서 커서/마우스를 이동하고 clientX
를 기반으로 물결 모양 패턴을 나타내는 스타일을 사용하여 div를 생성하는 기본 작업 예제가 있습니다.
내가 원할 경우에만 addEventlistener
添加到 window
时才有效: window.onmousemove= e => AnimationBubble(e.clientX);
이 기능이 무엇인지 묻지 마시고, 뭔가 문제가 있는지 확인해주세요! 이 함수에는 문제/버그가 없습니다. 마우스clientX
위치를 허용하고 일부 클래스가 포함된 div를 생성하고 몇 초 후에 제거하는 간단한 함수일 뿐입니다.
전체 창에 이벤트 리스너를 추가하는 것은 쓸모가 없으며 mousemove
eventlistener
添加到父 div 中,我可以节省大量 CPU 使用率。指示仅当用户将鼠标悬停在 parent div/container
를 입력해야만 div가 생성된다는 것을 알았습니다. 사용자가 더욱 상호작용할 수 있도록 바닥글 섹션에 이것을 추가할 생각입니다.
으아아아 으아아아 으아아아
CSS 클래스를 추가하기만 하면 됩니다:
pointer-events: none;
替换为cursor: none;
为#bubble_wrapper
그러면 예상대로 작동할 것입니다 :)도움이 되기를 바랍니다!