javascript - contenteditable is triggering blur event when I click on it under firefox browser -

i have contenteditable div

<div id="content" contenteditable="true">    lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod   tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam.  </div> 

with following javascript code :

$(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);   }); 

here jsfiddle : http://jsfiddle.net/mody5/b84708c1/

the code supposed alert "click" when click contenteditable div , alert "blur" when click out of contenteditable div, in firefox when click trigger "blur" event !

is bug ? how can solve ?

in firefox alert() trigger blur event, because change focus alert box. , trigger blur event.

in code, change alert("click"); else.. console.log("click"); , work.

note: in chrome works because alert() function works in different ways firefox , chrome.