2011-01-26 18 views
14

Czy to możliwe, aby ukryć klawiaturę iPad po wprowadzeniu wartości w polu wprowadzania na stronie internetowej przez uderzanie Return klucza bez zmuszania użytkownika do korzystania z Hide Keyboard klucz ?Ukryj iPad Keyboard naciskając klawisz Return

Czy jest coś w HTML lub jQuery, że mogę kod na mojej stronie, aby zmusić to zachowanie?

(PS: Na podstawie moich godzinach badań online, to wydaje się niemożliwe ze sposobu, w jaki funkcjonuje obecnie iPad. Ale ja naprawdę wdzięczni za wszelkie informacje!)

+1

Również, dlaczego klawiatura iPad nie znika po dotknięciu obszaru poza klawiaturą, tak jak na iPhonie? Czy istnieje sposób, aby ominąć to również? – Alex

Odpowiedz

29

Można ukryć klawiaturę poprzez wywołanie obsługi blur na wpisywanego tekstu:

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

gdzie #textField jest selektor do wyboru wprowadzenie tekstu. Trzeba umieścić tę linię we właściwym miejscu, które zależy od tego, w jaki sposób jest kodowany formularz, iw większości przypadków będzie to w module obsługi formularza.

+0

Muszę spróbować ... Dam ci znać ... brzmi obiecująco! Dzięki! – Alex

+0

+1 to działa. Po prostu pamiętaj, aby wywołać zdarzenie .blur() na wszystkich możliwych elementach wejściowych na stronie i powinno działać jak urok. –

+0

hmm to działa – Prospero

0

Spróbuj zadzwonić resignFirstResponder na polu tekstowym. To powinno zwolnić klawiaturę. Wiem, że działa to na iPhonie i nie znam powodu, który nie miałby miejsce na iPadzie, choć nie przypominam sobie, że wypróbowałem go specjalnie na tej platformie.

+0

OP w rzeczywistości nie korzysta z UITextField, więc to podejście nie zadziała. Zakładając, że jest to pole tekstowe osadzone w UIWebView, będzie to wymagało użycia javascript. W mojej odpowiedzi zamieściłem link do podobnego pytania. – Rog

+0

Ach, dobry punkt! Przepraszam, myślę, że nie przeczytałem dokładnie tego pytania. :/ –

1

To jest chyba to, co jesteś po

How do I cancel a text field edit in a UIWebView?

+0

Po prostu chcę się upewnić, że wszyscy tutaj rozumieją, że jest to zwykła strona HTML i CSS z odrobiną jQuery. Nie jest to natywna aplikacja korzystająca z SDK ... To rozwiązanie będzie na to działać, prawda? czym jest UIWebView? czy to jest składnia jQuery? (Jestem niewielkim noobem z Javascriptem) – Alex

+0

UIWebView to konstrukcja iOS, która pozwala wyświetlać treści internetowe w aplikacji na iPada lub iPhone'a. –

3

Najprostszą odpowiedź na swoje pytanie na dowolnym wejściu niezależnie od formy przedstawienia byłoby

$('input').keyup(function(event) { 
    if (event.which === 13) { 
     $(this).blur(); 
    } 
}); 

Prawdopodobnie trochę łatwiej umieścić w odpowiednim miejscu.

Powrót = Wprowadź klucz

Powiązane problemy