Mantieni la tastiera iOS aperta mentre la funzione keyup è attiva

Question

Questa domanda riguarda iOS web dev.

Ho una funzione che viene attivata da un listener keyup in un campo di input "Cerca". Funziona perfettamente su desktop, laptop, telefoni Samsung Galaxy e Sony Xperia ma non su iPhone o iPad. Ogni volta che si esegue la funzione, la tastiera virtuale si chiude. Una potenziale correzione che ho pensato è stata quella di re sull'ingresso id='newsearch' come ultima riga della funzione, ma che non sembra aver fatto nulla.

Qualcuno sa come mantenere la tastiera aperta mentre la funzione è in esecuzione in iOS?

Vedi 3 frammenti di codice qui sotto:

Le linee che attivano la funzione:

<tr><td colspan='3'>Search <input type='text' autofocus id='newsearch'></input></td> 

    <h2>Search Results</h2> 
    <div id="newsearch-data"> </div> 

<script src="http://code.jquery.com/jquery-1.8.0.min.js"> </script> 
<script src="addplayer.js"> </script> 

La funzione stessa: addplayer.js

$('input#newsearch').on('keyup', function(){ 
    var newsearch = $('input#newsearch').val(); 
    if ($.trim(newsearch)!= "") { 
     $.post('newsearch.php', {newsearch: newsearch}, function(data) { 
      $('div#newsearch-data').html(data); 
     }); 
    } 
}); 
      document.getElementById("newsearch").focus(); 

Il file php la funzione si riferisce a: newsearch. php

if (isset($_POST['newsearch']) && $_POST['newsearch'] != NULL){ 
    require 'dbconnect.php'; 

    $term = $_POST['newsearch']; 
    $terms = "%" . $term . "%"; 

    $_SESSION['players'] = array(); 

    $query = ("SELECT * FROM players WHERE Username LIKE '$terms' OR Phonenumber LIKE '$terms' OR PlayerID LIKE '$terms'"); 
    $run_query = mysqli_query($dbcon, $query); 

     echo "<table border='1px'><tr><th>Player ID</th><th>Name</th><th>Action</th></tr>"; 

      while ($dbsearch = mysqli_fetch_assoc($run_query)) 
      { 
       $dbu = $dbsearch['Username']; 
       $id = $dbsearch['PlayerID']; 
       $func = "add(" . $id . ", Brad Henry)"; 
      array_push ($_SESSION['players'],$dbsearch['PlayerID']); 
      echo "<tr><td>".$id ."</td><td>".$dbu."</td><td><input type=\"submit\" id=\"PlayerAdded".$id."\" autofocus value=\"Add\" onclick=\"add('".$id."','".$dbu."');\"></input></td></tr>"; 
      } 

Answer 1

Non posso credere che ci ho messo così tanto a realizzare. L'ultimo 'echo' in newsearch.php contiene l'attributo autofocus sul pulsante Aggiungi .... L'ho rimosso e ora funziona.

Answer 2

Provare a mettere a fuoco sul campo.

$('input#newsearch').on('keyup', function(){ 
    var field = $(this); 
    var newsearch = field.val(); 
    if ($.trim(newsearch)!= "") { 
     $.post('newsearch.php', {newsearch: newsearch}, function(data) { 
      $('div#newsearch-data').html(data); 
      field.focus(); 
     }); 
    } 
});