編集: ExtJs の問題だけではありません。純粋な Javascript を使用した純粋な SVG でも機能しません。
次のように定義された Ext.draw.Sprite があります
Ext.create('Ext.draw.Sprite', {
type : 'path',
stroke : 'lightgrey',
'stroke-width' : 8,
path : path,
listeners : {
mouseover : Handler.clickZoneMouseOver,
mouseout : Handler.clickZoneMouseOut,
click : Handler.clickZoneClick,
mousedown : Handler.clickZoneMouseDown,
mouseup : Handler.clickZoneMouseUp
}
});
ハンドラーは単に言う
console.log('mouseover')
Google Chrome では問題なく完璧に動作します。残念ながら、Firefox では、mouseover イベントと mouseout イベントは「時々」しか発生しません。そのため、マウスオーバーとマウスアウトを 10 回実行すると、イベントが 1 回か 2 回発生します。
問題を示すjsfiddleを作成したかったのですが、問題なく動作します... http://jsfiddle.net/P6Ny3/ ExtJS-Listenerクラスの問題かもしれません...
この場合、何が問題なのか、誰かが知っていますか?
ご協力ありがとうございました!
編集:私の問題を正確に示すjsfiddleを作成できました! http://jsfiddle.net/8r327/2/ 純粋な JavaScript でも、イベントの発生時に奇妙な動作が発生します。