在Firefox中，SVG-Path上的MouseOver-Event不能正常触发

Question

编辑:这不仅仅是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次鼠标悬停和鼠标移出时，该事件会被触发一两次。

我想创建一个显示问题的jsfiddle，但它在那里工作没有任何问题……所以这可能是ExtJS- http://jsfiddle.net/P6Ny3/类的一个问题...

有没有人知道，在这种情况下，问题出在哪里？

谢谢你的帮助!

编辑:我设法创建了一个jsfiddle，它正好显示了我的问题！http://jsfiddle.net/8r327/2/在触发事件时有一个奇怪的行为--也是用纯javascript编写的！

Answer 1

我认为你遇到了下面的FF bug：https://bugzilla.mozilla.org/show_bug.cgi?id=676001

这是2年前报告的，有多个副本，但到目前为止还没有修复。:(