Javascript鼠标悬停

Question

我试图让鼠标功能在我的纯Javascript（没有jQuery，HTML或CSS）中工作。目前我只创建了一个小圆圈，当我将鼠标悬停在它上面时，我希望它能改变颜色。

instance.threadContext只是绘制圆圈的画布的一部分。

非常感谢任何帮助。

Answer 1

您需要了解的是，当您在画布上绘制某些内容时，它不会成为ui元素，而实际上是画布整体图像的一部分。你不能在圆圈上调用鼠标悬停事件的原因是因为圆圈不是可以接收事件的东西，它只是一个元素的图形，它本身可以接收事件

您可以解决此问题的一种方法是在位置处于您想要触发事件的区域内时，在移动时测量鼠标位置并重新绘制处于过度状态的圆圈。