2012-10-10 17 views
15

Zaman tutma uygulamamızın çeşitli bölümlerinde contenteditable kullanıyorum. Zaman geçirdiğimiz için, klavyenin ipad kullanıcıları için otomatik olarak klavyeye geçmesini istiyorum. Ben Aklıma gelen öğelerin tüm özelliklerini ekleyerek denedim gibi:İçerik numaralandırılabilir öğe için ipad üzerindeki Force Number klavye

  • Tipi = sayı
  • Tipi = tel
  • desen = [0-9] *

ama ipad hala varsayılan klavyeyi yükler.

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

benim ipad kullanıcıları için sayı klavyesini görüntülemek için kullanabileceğiniz herhangi hileler var mıdır: Burada

bir örnek?

+0

Kafam karıştı, bu bir HTML giriş alanı için mi, ne? – BigOmega

+1

Hayır, bir HTML girişi değil, bir tartışmalı HTML öğesi içindir. Bu yüzden, bir giriş elemanı kullanılmadan öğeye tıklanabilir ve üzerine tıklanabilir. İşte bir örnek: http://html5demos.com/contenteditable – Peteinatlanta

+2

Oh, bu iyi bir soru o zaman. – BigOmega

cevap

2

bu sadece :) götürdü buldum bu: Iphone Development - How to display a numeric keyboard?

onunla her yerde alırsanız emin, ama belki keman ben

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

koymak ne zaman klavye düzenini değişmedi biraz civarı. Test etmek için her zamanım yok :) (Ve henüz yorum yapamıyorum). nezle

+1

Ben bile onkeydown için gitmek istiyorum "if (event.keyCode> 57) {return false;}". Keydown, amaç için biraz daha iyidir ve aynı zamanda, oklar, backspace, del vs.'ye izin verir, böylece kullanıcı içeriği düzenleyebilir. –

+6

Bu, kullanıcının sayılardan başka bir şey girmesini engeller, ancak sayısal klavyeyi göstermez. – Dave

İlgili konular