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

标签 javascript html onmouseover onmousemove onmousedown

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

我已为 15x15 表格分配了一个 onmouseover 事件,以便当鼠标悬停在单元格上时,名为“gridPlacement”的变量将设置鼠标悬停在其上的表格单元格的唯一 id 值。

onmouseover 事件似乎工作正常,只要您将鼠标悬停在单元格上,变量“gridPlacement”就会立即设置为单元格的 ID。

但是当 onmousedown 和 onmousemove 事件被触发时(当鼠标在我前面提到的 div 上按住鼠标左键时),有时当您将鼠标悬停在单元格上时,变量“gridPlacement”未设置,有时您必须将鼠标移到单元格上几次才能使其工作。

看来 onmousedown 和 onmousemove 事件似乎对我的 15x15 table 上的 onhover 事件有影响。

有人知道为什么会发生这种情况以及如何解决这个问题吗?

我希望您理解我,我已尽力解释我的问题。

问题已解决!

更改用户拖动的元素的偏移量就可以了,谢谢大家帮助我! :)

最佳答案

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

希望这有帮助。

关于JavaScript:onMouseOver 事件无法与其他事件一起正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5053081/

相关文章:

javascript - 使用 django 和 javascript 点击自动填充字段

javascript - 无法让 Angular 过滤器显示 Html 实体

javascript - 用于控制 <input> 元素之间的空白的棘手 javascript/jquery/YUI 问题

html - 悬停时更改父元素的背景颜色

javascript - React中子组件更新时如何更新父组件

javascript - ECMAScript 规范中的 `ExpressionNoIn` 是什么意思?

javascript - 如何使过滤后的输入能够在其中进行编辑,而不是在最后进行?

javascript - 显示/隐藏 div onmouseover/onmouseout Javascript

Javascript onmouseover 无法在 Firefox 中使用 doctype?

javascript - 在转发器控件中设置子标记属性