2012-10-10 24 views
15

Estoy usando contenteditable en varias secciones de nuestra aplicación de mantenimiento del tiempo. Como estamos registrando el tiempo, naturalmente, quiero que el teclado cambie automáticamente al teclado numérico para usuarios de ipad. He intentado añadir todos los atributos para los elementos que se me ocurre como:teclado del número de la fuerza en el ipad para el elemento contenteditable

  • Tipo = número
  • Tipo = tel
  • patrón = [0-9] *

pero ipad todavía carga el teclado predeterminado.

He aquí un ejemplo:

<div class="editable validate numbers-only" contenteditable="true" type="number" pattern="[0-9]*">3</div> 

¿Hay trucos que puede utilizar para mostrar el teclado numérico para mis usuarios de iPad?

+0

Estoy confundido, ¿esto es para un campo de entrada HTML o qué? – BigOmega

+1

No, es para un elemento HTML contento, no como una entrada HTML. Así que puedo hacer clic/tocar en el elemento y es editable sin el uso de un elemento de entrada. Aquí hay un ejemplo: http://html5demos.com/contenteditable – Peteinatlanta

+2

Oh, bueno, esta es una muy buena pregunta, entonces. – BigOmega

Respuesta

2

esto sólo me tomó en :) encontré esto: Iphone Development - How to display a numeric keyboard?

no está seguro de si se obtiene ninguna parte con él, pero cambió la disposición del teclado cuando pongo en

onKeypress="if(event.keyCode < 48 || event.keyCode > 57){return false;}" 

quizá violín alrededor de un poco No tengo todo el tiempo para probar :) (Y no puedo comentar todavía). vítores

+1

Incluso iría por onkeydown = "if (event.keyCode> 57) {return false;}". Keydown es un poco mejor para el propósito y el fi también permite flechas, retroceso, del etc. para que el usuario pueda editar el contenido. –

+6

Esto evita que el usuario ingrese nada excepto números, pero no muestra el teclado numérico. – Dave

Cuestiones relacionadas