Làm cách nào để xóa tiêu điểm khỏi trường đầu vào trong jQuery?

Tôi đang đặt tiêu điểm vào một trường đầu vào nhất định khi tải trang bằng dòng sau:

$('#myInputID').focus();

Có cách nào để tôi có thể hoàn tác hoặc xóa tiêu điểm này khi di chuột qua một yếu tố nào đó không? (Không cần phải đặt lại tiêu điểm sau khi rời khỏi phần tử này.)

Tôi không thể tìm thấy một hàm trái ngược với ở trên trong jQuery hoặc nếu không thì sẽ hoạt động ở đây.

Sử dụng .blur () .

Sự kiện mờ được gửi đến một phần tử khi nó mất tiêu điểm. Ban đầu, sự kiện này chỉ được áp dụng cho các yếu tố hình thức, chẳng hạn như <input>. Trong các trình duyệt gần đây, miền của sự kiện đã được mở rộng để bao gồm tất cả các loại phần tử. Một yếu tố có thể mất tiêu điểm thông qua các lệnh bàn phím, chẳng hạn như phím Tab hoặc bằng cách nhấp chuột ở nơi khác trên trang.

$("#myInputID").blur(); 

kiểm tra blur():

$('#textarea').blur()

nguồn: http://api.jquery.com/blur/

Đối với tất cả các hộp văn bản:

$(':text').blur()

$(':text').attr("disabled", "disabled");đặt tất cả hộp văn bản sang chế độ bị tắt. Bạn có thể làm theo cách khác như đưa ra mỗi id hộp văn bản. Bằng cách làm trọng lượng mã này sẽ nhiều hơn và vấn đề hiệu suất sẽ có.

Vì vậy, tốt hơn có $(':text').attr("disabled", "disabled");cách tiếp cận.

Nếu bạn có readonlythuộc tính, mờ tự nó sẽ không hoạt động. Contraption dưới đây nên làm công việc.

$ ('# myInputID'). removeAttr ('readonly'). trigger ('Blur'). attr ('readonly', 'readonly');