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

时间:2014-07-14 13:27:42

标签: html css google-chrome

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

重现问题的步骤:

  1. 打开http://jsfiddle.net/xkfH6/1/
  2. 点击"测试1"容器
  3. 点击其他任何地方。
  4. 预期结果:点击任何空白区域或绿色区域时,"测试2"不会集中注意力。 "测试2"只有在直接点击它时才应该集中注意力。

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

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

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

1 个答案:

答案 0 :(得分:1)

指定包含Test2的div,如下所示:

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

jsFiddle