Chrome发出警报后不会触发模糊事件，但可以在Firefox和IE上触发

Question

Here is the code in jsfiddle.

1.After change text on the textbox, the alert popup appear, click ok, then the blur event is fired and the text change. That work in Firefox and IE, but in Chrome the blur event is not fired and so, the text not change. Why?

2.I observe some curious thing. Change text in textbox, switch to other app (or Ctrl + T new tab), the alert popup appear, click ok, and now the blur event is fired on Chrome. With the isFocus of textbox is false even before the alert, and in blur function. Why is it even fire at all if the textbox has already lost focus?

 $(document).ready(function() { $("#id1").val('Original Text'); $("#id1").blur(function() { console.log('When blur fire: Input has focus: ' + $("#id1").is(":focus")); actionBlur(jQuery(this)); }); }); function actionBlur($field) { $field.val("Blur fired"); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <input id="id1" property="prop1" onchange="scriptAlert();" /> <script> var isFocus; function scriptAlert() { isFocus = $("#id1").is(":focus"); console.log('Before alert: Input has focus: ' + $("#id1").is(":focus")); alert('input has Focus: ' + $("#id1").is(":focus")); console.log('After alert: Input has focus: ' + $("#id1").is(":focus")); } </script> 

Answer 1

One small thing -

alert('input has Focus: ' + $("#id1").is(":focus");

should be -

alert('input has Focus: ' + $("#id1").is(":focus"));

Your Chrome console should show this error. With that fixed, the script worked OK for me in both Firefox and Chrome (Version 51.0.2704.106 m).