Ne pas afficher le clavier iPhone pour une zone de texte particulière dans la page web? [dupliquer]
Cette question a déjà une réponse ici:
Y a-t-il un paramètre utilisant lequel le clavier de l'iPhone n'apparaîtra pas pour une zone de texte particulière dans la page web? Peut-être une sorte de paramètre css?
5 réponses
Vous faites simplement le champ de saisie comme readonly = "true" / mode readonly pour que le clavier n'apparaisse pas!!
Voulez-vous que la zone de texte soit modifiable pour tout autre navigateur que l'iPhone? Si ce n'est pas le cas, Avez-vous tenté de désactiver la zone de texte? Je n'ai pas essayé cela, et je ne me souviens pas avoir vu une zone de texte désactivée sur un site avec mon iPhone; cependant, il peut le faire.
si la désactivation de la zone de texte fonctionne , mais que vous souhaitez toujours la limiter à l'iPhone, vous devez consulter L'Agent utilisateur de l'iPhone. Vous pouvez le déterminer via le code côté serveur ou via JavaScript navigator.userAgent.
Pour économiser un peu plus de temps pour vous aussi, l'agent utilisateur de l'iPhone est le suivant:
Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/3B48b Safari/419.3
Si vous voulez masquer le clavier pour les utilisateurs d'iphone/ipad/ipod, vous devez identifier ce useragents. Je recommande http://wurfl.sourceforge.net / pour trouver différentes versions de ces périphériques, puis imprimer readonly="true" disabled="disabled" sur les entrées.
Gardez à l'esprit que readonly="true" n'est pas requis.
<input type="text" readonly> ça suffit.
Je ne pense pas que vous serez en mesure de vraiment désactiver le clavier tout comme vous ne pouvez pas vraiment désactiver le clavier lorsque vous naviguez sur une page web via un PC ou un Mac. Une astuce serait d'ajouter JavaScript pour intercepter L'événement OnKeyPress (ou OnKeyDown) pour intercepter le coup de clé et l'annuler en fonction de l'Agent utilisateur. Je ne l'ai pas essayé spécifiquement contre l'iPhone mais cela a fonctionné pour d'autres applications quand je veux restreindre le type d'entrée sur une zone de texte activée (c'est-à-dire annuler alpha caractères dans un champ numéro de téléphone). Étant donné que les événements "OnKey" sont toujours valides sur l'iPhone (tel que déterminé par les sites avec saisie semi-automatique comme Google), la méthode devrait fonctionner.