當我在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工作。