拖动时的javascript鼠标悬停

Question

我正在尝试实现一个拖放脚本,并遇到一个问题.当你拿一个项目并开始拖动它时 - 该项目就在你的光标正下方,onmouseover事件很少在下面的项目上被触发.但是当我在它们上面拖东西时我想要突出显示其他项目.其中一个解决方案就是不要拖动任何东西 - 这样鼠标事件就会起作用,但那看起来很难看.有没有人做过这样的事情并知道如何克服这个问题？

如果你正在考虑建议一些JQuery插件或类似的东西 - 请不要.我不需要一个完整的解决方案,这是教育性的.

Answer 1

IMO，为了让mouseover事件频繁触发，可以将mouseover事件绑定到parent所有受影响元素的元素，或者可能绑定到其document本身，因为事件会冒泡，它们可能是唯一可以触发事件的mouseover元素。

然后，进一步hit在事件中编写一个方法mouseover，并主动检查鼠标光标的位置，看看它是否位于目标元素的边界下方。可用性和性能的权衡。你选。

我的2美分。

或者，您可以进行逆向工程，jQuery UI看看他们如何实现拖动元素。还没有检查过，但我认为应该有一个更明智的方法。