Google Chrome вызывает бесконечный цикл в фокусе текстового поля

Question

Я получаю некоторые странные события в Google Chrome.С помощью следующего кода я получаю бесконечное количество предупреждений.

<input type="text" />

$('input[type="text"]').live('focus', function(event) {
    alert('in');
});

http://jsfiddle.net/XppG9/

Firefox и IE8 в порядке.*

Почему это происходит в Chrome?

Answer 1

Я думаю, это потому, что после закрытия диалогового окна (окна оповещения) фокус возвращается на текстовое поле, поэтому функция снова срабатывает.

Answer 2

Я думаю, это потому, что браузер отправляет фокус из предупреждения в ваше текстовое поле каждый раз, когда вы нажимаете кнопку "ОК" в предупреждении. Скорее всего, вы не будете отображать предупреждение (метинксы) в окончательной версии вашего кода, так что в долгосрочной перспективе это может не быть проблемой.

Answer 3

Проблема в том, что alert() крадет фокус из поля ввода, а затем восстанавливает его при закрытии диалога. Это можно исправить, очистив фокус от поля ввода перед отображением предупреждения.

Пример: http://jsfiddle.net/XppG9/6/

Answer 4

Это происходит потому, что он устанавливает фокус обратно на текстовое поле.Попробуйте это, он должен нормально работать в Chrome

$('input[type="text"]').live('focus', function(event) {
    alert('in');
    $(this).blur();
});

Answer 5

Поскольку предупреждение получает фокус от вашего текстового поля, и при закрытии диалогового окна предупреждения фокус возвращается. Если вы используете какой-либо механизм не фокусировки внутри своей функции, он сработает только один раз: http://jsfiddle.net/G8CmV/

<input type="text" />
<div id='tester'>Test:</div>



 $('input[type="text"]').live('focus', function(event) {
    $('#tester').html( $('#tester').html() + "_*" );
  });