raphael - VML鼠标事件对象的结构是什么？

Question

我想知道 VML 鼠标事件对象的结构（属性和方法）。

我正在使用 Raphael，我想知道元素悬停时的鼠标坐标。在 Firefox 和 Chrome 上，event.pageX并且event.pageY正在运行，但在 IE8 中不可用。

var paper = Raphael(document.getElementById('map', 300, 300));
paper.circle(50, 50, 40).attr({fill: 'black'}).mouseover(function(event){
    alert(event.pageX);
});

这是JSFiddle。

Answer 1

事实上，它并不特定于 VML：所有鼠标事件在 IE 中都具有相同的结构。我使用了clientXand clientY，因为 clientX 是相对于视口的偏移量，而pageX相对于页面的偏移量。