当我点击远离它时，元素聚焦 - 这是正确的吗？

Question

我已经创建了一个测试用例，即使我没有直接点击它，display: inline;的元素也会被聚焦，display: block;的元素也不会聚焦那样。

重现问题的步骤：

1. 打开http://jsfiddle.net/xkfH6/1/
2. 点击＆＃34;测试1＆＃34;容器
3. 点击其他任何地方。

预期结果：点击任何空白区域或绿色区域时，＆＃34;测试2＆＃34;不会集中注意力。 ＆＃34;测试2＆＃34;只有在直接点击它时才应该集中注意力。

实际结果：＆＃34;测试2＆＃34;即使鼠标点击与该容器无关的某个遥远区域，也会聚焦。它不会发生在＆＃34;测试1＆＃34;虽然和＆＃34;测试1＆＃34;在我看来，表现如预期。

有谁知道为什么会这样，如果我能做出＃34;测试2＆＃34;当鼠标没有直接点击它时容器没有聚焦？

更新：仅在Chrome 35中发生，而在Firefox 30中则不会。

Answer 1

指定包含Test2的div，如下所示：

<div>
    <a><div contenteditable="true">Test 2</div></a>
</div>

jsFiddle