自定义鼠标悬停触发器d3.js javascript

Question

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

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

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

Answer 1

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