Jquery chức năng khi một hộp mất tập trung

Question

Tôi có hộp mà tôi muốn chạy một số jquery khi hộp mất tập trung, vì vậy sau khi người dùng nhấp chuột ra khỏi hộp văn bản.

Tôi đã cố gắng để làm điều này

$("#textbox").focusout(function() { 
    alert("hello"); 

}); 

nhưng tôi nhận được một lỗi nói Object không hỗ trợ tài sản hoặc phương pháp.

Làm cách nào tôi có thể thực hiện việc này?

Answer 1

focusout đã được bổ sung trong v1.4. Ba suy nghĩ:

1. Bạn có thể đang sử dụng phiên bản jQuery cũ hơn không?
2. Trường của bạn có thực sự có id là textbox không?
3. Bạn cũng sử dụng Prototype hoặc MooTools (hoặc bất cứ điều gì khác mà có thể tiếp quản $)? Nếu vậy, hãy sử dụng chế độ noConflict của jQuery và sử dụng jQuery thay vì $.

Ngoài ra, nó sẽ (hoạt động).

Dưới đây là một ví dụ (sử dụng một cảnh báo như bạn đã làm): http://jsfiddle.net/QzmZp/1/
và khác không sử dụng một cảnh báo (vì đó hơi bối rối IE7 ra): http://jsfiddle.net/QzmZp/2/
Có người trước đó được hỏi về phiên bản trình duyệt, tôi đã thử trên với Chrome 5, IE6, IE7 và FF3.6; tất cả đều tốt.

Tôi đã thực hiện cả hai input và textarea vì tôi không chắc chắn bạn đang sử dụng.

Answer 2

jQuery("#textbox").blur(function() { 
    alert("hello"); 
}); 

blur là sự kiện kích hoạt khi phần tử bị mất tiêu điểm. Hãy xem jQuery.blur.

EDIT

Không chắc nếu đây là những gì bạn muốn, nhưng nếu bạn đang thực sự cố gắng sử dụng focusout séc ra T. J. Crowder's solution. Tuy nhiên, đối với trường hợp của bạn, sự kiện blur có thể cần bạn cần vì bạn muốn phát hiện mất tập trung vào hộp văn bản. focusout kích hoạt khi một phần tử hoặc bất kỳ phần tử nào bên trong yếu tố đó mất tiêu điểm.

Answer 3

$("#idOfTextField").blur(function(){ 

    //your code 

}); 

Answer 4

$(document).ready(function() { 
     ////////////////////////ALL textbox to upper 
     $("input[type=text]").blur(function() { 
      $(this).val($(this).val().toUpperCase()); 
     }); 
    }); 

Để chuyển đổi tất cả các textbox để trên khi họ mất tập trung.