当我在firefox浏览器下点击它时，contenteditable触发模糊事件

Question

我有一个contentEditable DIV

overflow-y: hidden;

使用以下javascript代码：

<div id="content" contenteditable="true">

  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

</div>

这是jsfiddle：http://jsfiddle.net/mody5/b84708c1/

当我点击contentEditable div时，代码应该提示“点击”，当我点击contentEditable div时提醒“模糊”，但是当我点击它时触发“strong> FIREFOX ” “事件也是！

这是一个错误吗？我怎么能解决这个问题？

Answer 1

在firefox alert()中会触发模糊事件，因为它会将焦点更改为警告框。从而触发模糊事件。

在您的代码中，只需将alert("click");更改为其他内容，例如console.log("click");即可。

注意：在chrome中它起作用是因为alert()函数对firefox和chrome的工作方式不同。