Otwórz klawiaturę iPada przez JavaScript w polu nietekstowym?

Question

Mam div, który działa jako pole tekstowe za pośrednictwem niektórych sprytny javascript. Tak, to pachnie, ale to kod dostawcy, którego nie mogę zmienić :(

Na iPadzie klawiatura nie jest wyświetlana, ponieważ nie jest polem tekstowym. Czy istnieje sposób na otwarcie klawiatury za pomocą javascript lub udekoruj kod HTML czymś, co mówi Safari "Tak, to jest naprawdę pole tekstowe, po prostu mi ufaj!"?

Answer 1

Z mojego doświadczenia wynika, że ​​nie ma sposobu na podniesienie klawiatury iPada lub iPhone'a przez JavaScript. Obejście problemu, które może być użyteczne:

Po prostu umieszczam pole tekstowe z jego kryciem ustawionym na 0 względem danego elementu div, a następnie aktualizuję element div z treścią pola tekstowego podczas zmiany

jak tak (przy użyciu jQuery)

$('textarea').bind('input', function(e){ 
    var changedVal = $(e.currentTarget).val(); 
    $('div').html(changedVal);  
}); 

// The input event is not a cross browser solution, use a combination of 
// keyboard and mouse events to correctly respond to any changes in the textarea 

Jeśli kod sprzedawca polegać-tych zdarzeniach na klawiaturze lub myszy słuchaczy zrobić to magia, można proxy wszystkie typy zdarzeń na div poniżej.

Coś tak (przy użyciu jQuery)

$('textarea').bind('keyup keydown keypress mouseup mousedown click', function(e) { 
    e.currentTarget = $('div').get(0); 
    $('div').trigger(e); 
});