鼠标移动事件

在学习 JS中，我对鼠标移动事件进行了一些总结，需要的可以作参考（仅供参考）。

要点总结：

第一:onmousemove属性在鼠标指针移动到元素时触发，如图：

第二：用querySelectorAll 来获取全部事件

            //querySelectorAll 获取全部事件

            var 变量 = document.querySelectorAll("#id");

第三：clientX和clientY

用于获得鼠标当前的可见窗口的坐标，div的偏移量是相对于整个网页的。

            var X = event.clientX;// 鼠标指针的水平坐标

            var Y = event.clientY;// 鼠标指针的垂直坐标

第四：event //事件兼容性

  event=event||window.event;//解决了事件对象兼容性的问题

第五：for循环，例：

            for(var i=0;i<5;i++){//用for循环遍历

                 document.write(i);

             }

显示如图：

鼠标移动事件案例：

1. HTML和CSS代码参考如图：
2. 

1. JS代码如下图：
2. 

运行效果部分如下：（花随着鼠标的移动而移动）

以上就是我想要分享鼠标移动事件的内容。

新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！