JavaScript:onMouseOver 事件无法与其他事件一起正常工作

Question

我有一个 HTML 网页，其中包含一个 15x15 的表格，我还有一个小方形 div，当您在 div 上按住鼠标左键时它会跟随鼠标。

我已经为 15x15 表格分配了一个 onmouseover 事件，这样当鼠标悬停在一个单元格上时，一个名为“gridPlacement”的变量被设置为鼠标悬停在其上的表格单元格的唯一 ID 的值。

当您将鼠标悬停在单元格上时，onmouseover 事件似乎可以正常工作，变量“gridPlacement”设置为单元格的 ID。

但是当 onmousedown 和 onmousemove 事件被触发时(当鼠标在我前面提到的 div 上按住鼠标左键时)，有时当你悬停在一个单元格上时变量“gridPlacement”没有设置，有时您必须将鼠标移到该单元格上几次才能生效。

似乎 onmousedown 和 onmousemove 事件似乎对我的 15x15 表上的悬停事件有影响。

有谁知道为什么会发生这种情况以及我该如何解决这个问题？

我希望你能理解我，我已经尽力解释了我的问题。

问题已解决!

改变用户拖动的元素的偏移量就成功了，谢谢大家的帮助! :)

Answer 1

我认为zozo是正确的。我遇到了类似的问题，我使用的解决方法是更改​​鼠标后元素的偏移量，使其不会直接出现在鼠标下方(可能是侧面/上方/下方或其他地方的几个像素)。

希望这对您有所帮助。