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

Question

我有一个contentEditable DIV

<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>

使用以下javascript代码：

$(document).ready(function(){

    var obj = {

        func1: function(){

            $("#content").on("click", function(){
                alert("click");
            });

            $("#content").on("blur", function(){
                alert("blur");
            });

        }

    }

    function execute(obj){

        obj.func1();

    }


    execute(obj);


});

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

当我单击contentEditable div时，代码应该警告“click”，当我点击contentEditable div时警告“模糊”，但是当我点击它时FIREFOX也触发“模糊”事件！

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

Answer 1

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

在您的代码中，只需更改alert("click"); 进入别的东西..比如console.log("click"); 它会起作用。

注意：在chrome中它可以工作，因为alert()函数以不同的方式为firefox和chrome工作。