2017-03-10 12 views
1

AndroidとiOSの両方のハイブリッドモバイルアプリケーションを開発しています。いくつかのフォームのために私は、ユーザーが番号を入力することを可能にしたくない:彼らはデスクトップブラウザで動作しますが、モバイルキーボードで、それは働いていないようモバイルキーボードの入力タイプ= 'テキスト'の番号入力を無効にする

<input type='text'> 

私は、event.keyCodeevent.whichevent.keyを試してみました。

送信時またはクリック時に検証したくないことを覚えておいてください。私は数字キーを無効にしたいだけです。何か方法はありますか?

+0

を使用しているイベントリスナーのコードを共有してください。 – Mottie

+0

@モーティー私の質問に興味を持ってくれてありがとう。私はkyeup、keypress、keydownと一緒に使った。 –

+0

あなたはタッチイベントを含める必要があります...私は答えを追加します。 – Mottie

答えて

1

はこのような何か(demo)試してみてください。

function checkKey(e) { 
 
    if (/\d/.test(e.key)) { 
 
    e.preventDefault(); 
 
    e.stopPropagation(); 
 
    } 
 
} 
 

 
const input = document.querySelector('input'); 
 
input.addEventListener('touchstart', checkKey); 
 
input.addEventListener('keydown', checkKey);
<input type="text">