2012-10-10 19 views
15

Sto utilizzando contenteditable in diverse sezioni della nostra app di mantenimento del tempo. Dal momento che stiamo registrando il tempo, naturalmente, voglio che la tastiera passi automaticamente alla tastiera numerica per gli utenti ipad. Ho provato ad aggiungere tutti gli attributi per gli elementi che mi viene in mente come ad esempio:Numero forzato tastiera su ipad per elemento contenteditable

  • Tipo = numero
  • Type = tel
  • pattern = [0-9] *

ma ipad carica ancora la tastiera predefinita.

Ecco un esempio:

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

Esistono trucchi che posso usare per visualizzare la tastiera il numero per i miei utenti iPad?

+0

Sono confuso, è questo per un campo di input HTML o cosa? – BigOmega

+1

No, è per un elemento HTML contenteditable, non un input HTML. Quindi posso cliccare/toccare sull'elemento e il suo modificabile senza l'uso di un elemento di input. Ecco un esempio: http://html5demos.com/contenteditable – Peteinatlanta

+2

Oh bene, questa è una domanda dannatamente buona allora. – BigOmega

risposta

2

questo solo mi ha portato in :) ho trovato questo: Iphone Development - How to display a numeric keyboard?

non è sicuro se si arriva da nessuna parte con esso, ma è cambiato il layout della tastiera quando ho messo in

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

forse giocherellare un po ' Non ho tutto il tempo per testare :) (E non posso ancora commentare). evviva

+1

Mi piacerebbe andare per onkeydown = "if (event.keyCode> 57) {return false;}". Keydown è un po 'migliore per lo scopo e il fi permetterebbe anche frecce, backspace, del etc, così che l'utente possa modificare il contenuto. –

+6

Ciò impedisce all'utente di inserire qualsiasi cosa tranne i numeri, ma non mostra la tastiera numerica. – Dave

Problemi correlati