Evite que el teclado aparezca en el foco de texto/haga clic en iPad webapps

Question

Estoy intentando crear un teclado personalizado en una aplicación de iPad. Pero cada vez que la entrada se enfoca, aparece el teclado nativo del iPad. ¿Cómo puedo prevenir esto? En JavaScript.

Answer 1

no creo que se puede evitar que el teclado aparezca en los campos de entrada. Sin embargo, podría crear un elemento html que se vea como un campo de entrada con CSS y manejar el evento onClick para mostrar su teclado personalizado.

<style> 
    .textField{ 
     width: 120px; 
     height: 17px; 
     border-style:inset; 
     border-width: 2px; 
     border-color: gray; 
     float: left; 
    } 
</style> 
<script> 
    function showKeyboard(){ 
     alert("show the my cool keyboard"); 
    } 
</script> 

Name: <div onClick="showKeyboard()" class="textField"></div> 

Debe pago y envío Sencha Touch para el desarrollo de aplicaciones web para dispositivos IOS.

Answer 2

debe comprobar el safari sdk, hay algunos tipos de entrada adicionales disponibles con Safari Mobile/html5.

De lo contrario, podría diseñar un div/span para que parezca una entrada y tener un campo oculto de respaldo; luego, cuando haga clic en aparezca su div personalizado, y coloque valores en la "entrada" en función de las acciones de los usuarios.

Por supuesto que lo haría esto con la mejora progresiva y hacer esto como un cuadro de texto normal, entonces en la carga de la permuta página de la entrada de texto normal para su campo/div/span etc oculta

Answer 3

position un absolutediv con a z-index:1 en la parte superior del campo de entrada de texto, y adjunte un controlador onclick al div que inicia el teclado.

siguiente paso sería colocar los números del teclado para afectar el valor del campo de texto.

Answer 4

Lo mejor que puede hacer es parar la prueba en el evento onclick.
html:

<textarea onclick='myOnClickEvent'></textarea> 

Javascript:

function myOnClickEvent(e){ 
e.stopPropagation(); 
} 

Dojo:

function myOnClickEvent(e){ 
dojo.stopEvent(e); 
} 

Sencha:

function myOnClickEvent(e){ 
e.stopEvent(); 
} 

espero que esto ayuda.

Answer 5

complemento atributo 'sólo lectura' a su entrada y proporcione un medio diferente de poblar el valor.

Answer 6

su información, también puede llamar a la falta de definición() en una entrada para ocultar el teclado ... aunque probablemente no es una buena solución en esta situación.