javascript - 绑定(bind)到 SVG 组元素但在子元素上触发并在另一个元素上完成的单击事件的行为是什么？

Question

为了让我的问题直截了当，这里有一个例子:http://jsfiddle.net/542afcfg/1/

document.getElementById('parent').addEventListener('click', function (e) {
    alert('Clicked!');
});

<svg width="200" height="200">
    <g id="parent">
        <g id="child1">
            <circle r="20" cx="40" cy="80"></circle>
        </g>
        <g id="child2">
            <circle r="20" cx="40" cy="40"></circle>
        </g>
    </g>
</svg>

如果您首先点击任何给定的子圈，然后释放另一个子圈，Chrome 会认为触发点击事件是有意义的，而 Firefox 和 Safari 则不会。

我觉得既然 child 是按 g 父元素分组的，它应该触发点击事件。

有人知道规范是怎么说的吗？

Answer 1

规范很容易找到。 You can read it here.

"The click event occurs when the pointing device button is clicked over an element. A click is defined as a mousedown and mouseup over the same screen location."

确认并归档为 Chromium 中的错误: https://code.google.com/p/chromium/issues/detail?id=424969