Google chrome gây ra vòng lặp vô hạn trên tiêu điểm hộp văn bản

Question

Tôi nhận được một số sự cố lạ trên google chrome. Với mã sau tôi nhận được một số lượng thông báo vô hạn.

<input type="text" />

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

http://jsfiddle.net/XppG9/

Firefox và IE8 đều tốt.

Tại sao điều này xảy ra trong Chrome?

Answer 1

Tôi nghĩ, đó là vì sau khi bạn đóng hộp thoại (hộp cảnh báo), tiêu điểm sẽ trả về trên hộp văn bản, do đó, chức năng sẽ kích hoạt lại.

Answer 2

Tôi nghĩ rằng đó là do trình duyệt đang gửi trọng tâm từ cảnh báo đến trường văn bản của bạn mỗi khi bạn nhấp vào nút "OK" của cảnh báo. Có thể bạn sẽ không xuất hiện cảnh báo (methinks) trong phiên bản cuối cùng của mã, vì vậy đây có thể không phải là vấn đề về lâu dài.

Answer 3

Sự cố là alert() lấy cắp tiêu điểm từ hộp nhập và sau đó khôi phục nó khi hộp thoại đóng. Bạn có thể sửa lỗi này bằng cách xóa tiêu điểm khỏi hộp nhập trước khi bạn hiển thị cảnh báo.

Ví dụ: http://jsfiddle.net/XppG9/6/

Answer 4

này đang xảy ra bởi vì nó được thiết lập tập trung trở lại vào hộp văn bản. Hãy thử điều này cần làm việc tốt trong Chrome

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

Answer 5

Bởi vì cảnh báo là nhận được sự tập trung từ hộp văn bản của bạn, và trên đóng hộp thoại cảnh báo, tập trung sẽ trở lại. Nếu bạn thực hiện bất kỳ cơ chế không tập trung nào bên trong chức năng của mình, nó sẽ chỉ kích hoạt một lần: http://jsfiddle.net/G8CmV/

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



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