onmusemove vs onmousover

最新推荐文章于 2022-06-10 11:34:49 发布

lifeblood123

最新推荐文章于 2022-06-10 11:34:49 发布

阅读量535

点赞数

分类专栏：前端技术文章标签：鼠标移动

本文链接：https://blog.youkuaiyun.com/lifeblood123/article/details/51753228

版权

前端技术专栏收录该内容

26 篇文章

订阅专栏

本文通过一个具体的Canvas应用案例，详细解析了在使用HTML5 Canvas标签进行绘图时，如何利用鼠标移动事件（move）来实现交互效果，如改变鼠标悬停在特定图形上的颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

over，在鼠标指针移动到指定的对象上时发生。
move，在鼠标指针移动时发生。
就拿我刚刚遇到的一个问题举例，我用canvas标签，创建了一个画布，并画了一个小矩形，我想让鼠标悬停到矩形区域时改变矩形填充色，这里只能监听整个画布，看起来应该用over，实际上用的却是move。因为，move在每次鼠标移动时，都会触发，会获得当前坐标值，用来判断这个点是否落在矩形内。若是用over，则会在进入画布时就触发，且仅会触发这一次，之后鼠标在画布内移动，一直都处于over状态，就不会触发，直到鼠标离开这个画布区域，失效。