iPhone Mobile Safari: Force clavier ouvert

C'est HTML /CSS /JS (jQuery) sur l'iPad. J'ai un bouton, qui glisse vers le bas un formulaire de saisie. Je voudrais concentrer l'utilisateur sur l'entrée, et ensuite de lancer le clavier.

C'est ce que je suis en train de travailler avec, mais ne fonctionne pas:

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

Ce n'est en effet l'accent de l'entrée, mais ne parvient pas à lancer le clavier. Est-il tout simplement pas possible (pour des raisons de sécurité ou autre)?

Est-il un moyen de la force ou de simuler un utilisateur tapant sur l'entrée (ou quelque chose d'autre)?

InformationsquelleAutor KrazyKen04 | 2010-07-12
  1. 4

    Peut-être ces liens peut vous aider à:

    • à l'aide de jgesture à ouverture automatique d'un clavier, mais cela ne fonctionne pas jQuery('#myTextBox').trigger("tapone");
    • Premier lien est de retour 404.
    InformationsquelleAutor Sylter
  2. 3

    Essayer cette

    Testé sur Safari iPhone 7 & iPhone 6 Plus, Android 4.4

    et ouvert d'iOS clavier virtuel avec succès lorsque j'ai touché le bouton.

    condition

    1) créer un Bouton pour déclencher l'événement keypress => $('.btn_abc')

    2) faire une saisie de texte de la balise, et de définir l'IDENTIFIANT de cet élément => $('#search_input')

    $( document ).ready(function() {

  var focusTextField = function(){
    console.log("focusElement");
  };

  var onKeypressHandler = function(){
    console.log("* * * keypress event handler")
    $('#search_input').blur().focus();
  };

  var onClickHandler = function() {
    $('.btn_abc').trigger('keypress');
  };

  $('#search_input').bind('focus', focusTextField);
  $('.btn_abc').bind('click', onClickHandler);
  $('.btn_abc').bind('keypress', onKeypressHandler);

});
    • Cela a fonctionné pour moi sur iPhone6 Plus, safari, ios 10.3.1.
    • Excellent. De travail pour moi sur iOS 11.3 (sur un iPhone 6P et iPad Air, si c'est de toute conséquence.)
    InformationsquelleAutor jamy
  3. 1

    Tournez ce bouton dans un champ de saisie puis instantanément swap focus sur le principal champ de saisie. Ils clavier s'ouvre et reste ouvert. Ci-dessous est un exemple à l'aide d'un bouton comme vous l'avez demandé, en plaçant un transparent champ de saisie sur le bouton de l'utilisateur clique. Testé sur un iPhone 4 (iOS 6/7) et un HTC Windows phone.

    L'entrée que vous souhaitez que l'utilisateur puisse se concentrer sur:

    <input id="main" />

    Le bouton de l'utilisateur appuie sur (avec champ de saisie de la superposition à l'aide de css):

    <a>Button</a><input onfocus="FocusMain()" />

    Swap focus instantanément:

    function FocusMain()
{
    $("#main").focus();
}
    • Une démo serait aller un long chemin.
    InformationsquelleAutor user2638216
  4. -1

    Cela devrait faire ce que vous voulez:

    $("#element").focus().click();
    • Ne fonctionne pas pour moi.
    • Ne fonctionne pas! J'ai essayé aussi, à l'aide de setTimeout retard, et le déclenchement de l'ontouchstart et ontouchend de simuler une pression sur une entrée, mais pas de progrès.
    • cela ne fonctionnera pas... de par leur conception, les téléphones ne permettent pas de montrer du clavier sur l'objet, une personne a besoin de cliquer sur l'entrée directement ou utiliser un focus() dans un onClick() de l'événement sur un autre élément
    • Il est intéressant de noter que ce N'travail au moment de la publication, la version de Safari qui était courant alors.
    InformationsquelleAutor Collective Cognition
  5. -1

    Essayer:

    $('#element').blur().focus();

    ou si cela ne fonctionne pas:

    $('#element').focus().blur().focus();

    blur() élimine le focus et focus() ramène en arrière. Pour une raison quelconque, il travaille tout le temps par rapport à la focus() de travail de temps en temps sur son propre.

    • comme ci - dessus- cela ne fonctionnera pas... de par leur conception, les téléphones ne permettent pas de montrer du clavier sur l'objet, une personne a besoin de cliquer sur l'entrée directement ou utiliser un focus() dans un onClick() de l'événement sur un autre élément
    • Il fonctionne sur iPad.
    • désolé, je viens de prendre conscience que l'iPhone et de l'iPad à partir de la version iOS 5 ont la capacité pour que cela fonctionne, mais Android ne sera certainement mâcher sur ce
    InformationsquelleAutor Bobby