Tôi đang cố gắng ẩn bàn phím mềm iPad khi người dùng nhấp vào bên ngoài trường văn bản.Ẩn trong bàn phím iOS khi người dùng nhấp vào bên ngoài hộp văn bản
Cụ thể ở đâu đó trên biểu mẫu hoặc nội dung không chứa các phần tử khác.
Sử dụng jquery, di động jquery và html5.
Gọi phương thức focus() trên nút (ngay cả các nút ẩn) ẩn bàn phím. Tôi đã sử dụng nó trong ứng dụng web ipad của mình.
Bạn có thể thêm trình nghe nhấp chuột vào nội dung và sử dụng thuộc tính đích của sự kiện, bạn có thể xác định thời điểm ẩn bàn phím.
document.activeElement.blur();
Đã thử nghiệm và hoạt động trong iOS 6 Safari .. . tốt đẹp! –
Tôi nên đặt mã này ở đâu? –
Bất cứ ai có thể cho tôi biết nơi để thêm mã này như tôi đang cố gắng làm như vậy nhưng tôi không thể đính kèm nó đúng cách. Hiện tại tôi đang cố gắn nó vào đối tượng cửa sổ. Nhưng một khi tôi chạy nó, nó chỉ dừng mở bàn phím. Cần phải biết ai để đính kèm nó. –
sử dụng giải pháp mattwindwer của (nhưng với thêm chi tiết):
$(document).click(function() {
document.activeElement.blur();
});
wow, đó thực sự là nhiều chi tiết hơn! – chris
Bạn đã cố gắng kêu gọi textfield.blur()? Tất nhiên bạn phải tìm nạp nhấp chuột trước đó theo bất kỳ cách nào. – calimarkus
bàn phím nên ẩn trên sự kiện mờ của đầu vào..không phải là vấn đề ở nơi khác. hiển thị mã của bạn – gpasci
Hiện tại, sử dụng máy tính bảng Android hoạt động hoàn hảo. Người dùng nhấp vào bên ngoài hộp văn bản và bàn phím sẽ sụp đổ. Tôi chỉ có mã bên dưới, mọi thứ khác mà tôi đã thử đã thất bại. var hideKeyboard = function() { document.activeElement.blur(); $ ("đầu vào"). Blur(); }; Điều này khiến hộp văn bản bị mờ nên bàn phím đóng, nếu người dùng nhấp vào bất kỳ yếu tố nào khác như nút radio, vv ... Có cách nào để làm việc này với biểu mẫu hoặc cơ thể không? Tôi là lập trình viên C theo giao dịch, và javascript khiến tôi muốn tách mái tóc của mình ra. – yeowoh