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、ページを基準にしたものであるため、修正を加えました。