自定义鼠标移动触发器d3.js javascript

Question

我正在使用d3.js，并且想用自定义触发器创建自定义事件。

据我所知，当鼠标指针悬停在某个元素上方时，即鼠标指针在水平和垂直方向上位于元素内时，将触发“鼠标悬停”事件。

我想要做的就是触发一个自定义事件，比如'xmouseover'，只要鼠标指针在元素内水平放置就会触发。这不应该是一个更简单的事情，因为我不需要关心垂直位置？

Answer 1

鼠标事件是由浏览器提供的，您不能像直接描述的那样实现自定义的事件。要达到您想要的效果，您需要创建一个“虚拟”元素，该元素具有与您想要的自定义事件相同的水平尺寸，但是覆盖整个垂直范围。对于这个虚拟元素，您可以安装mouseover处理程序，其行为与您的xmouseover完全相同。