jQuery 焦点事件使警报框保持无限循环 (Chrome)

Question

有谁知道为什么在以下 focus() 事件处理程序中显示一个简单的警报框永远不会停止？我也尝试了 focusin() ，结果相同。该事件是否在循环中被多次触发？ 我在 Chrome 中运行

$('input[type=text]').focus(function() {  // Also tried focusin(..)
  alert('Focus');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Input:
<input type="text" id="myinput"/>

Answer 1

你可以这样做。您首先定义一个全局变量。然后你就可以采取行动了。原因 :因为它总是被选择。当您按下警报框上的“确定”按钮时，它再次成为输入焦点。因此它进入一个连续的循环。

$('input[type=text]').focus(function() {  // Also tried focusin(..)
  alert('focus');
  $(this).blur();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Input:
<input type="text" id="myinput"/>

另外:Javascript: cross browser solution for selecting all text inside a textbox on focus