自定義鼠標移動觸發器d3.js javascript

Question

我正在使用d3.js，並且想用自定義觸發器創建自定義事件。

據我所知，當鼠標指針懸停在某個元素上方時，即鼠標指針在水平和垂直方向上位於元素內時，將觸發「鼠標懸停」事件。

我想要做的就是觸發一個自定義事件，比如'xmouseover'，只要鼠標指針在元素內水平放置就會觸發。這不應該是一個更簡單的事情，因爲我不需要關心垂直位置？

Answer 1

鼠標事件是由瀏覽器提供的，您不能像直接描述的那樣實現自定義的事件。要達到您想要的效果，您需要創建一個「虛擬」元素，該元素具有與您想要的自定義事件相同的水平尺寸，但是覆蓋整個垂直範圍。對於這個虛擬元素，您可以安裝mouseover處理程序，其行爲與您的xmouseover完全相同。