数字入力のトリガー機能

Question

私は、ユーザーがアドレスを書くことができるテキスト入力を持っています。数字がテキスト入力に入力されたときにJavaScript関数をトリガーしたいのですが、どのように達成できますか？

編集：私は必要なの番号を入力しているときにjQueryの魔法のように動作onkeyupのを経由して、知っている、これは私がやったことです：

$("#q").keyup((e) => { 

     var value = $("#q").val(); 

     var regex = new RegExp("[a-zA-Z0-9_ ]\\d+"); 

     var succeded = regex.test(value); 

     ... 

Answer 1

あなただけ（のKeyDown、keyUpなど、KeyPressイベント、などのように、キーイベントで構築使用する必要があります

）。 多くの情報があります。 KeyboardEvent mozilla

1. html入力を作成し、一意のIDを指定します。
2. フォームJSコードはこの要素を取ります。

3. 次に、イベントハンドラをターゲット要素にバインドします。

   ["YOUR_ELEMENT"] addEventListener（ "keypress"、function（e）{ console.log（e.value）;}、false）;

Answer 2

$('.js-input').on('keydown', function(e) { 
    console.log('pressing:', e.keyCode); 
}); 

<input type="text" class="js-input"> 

DEMO

この意志あなたはこれがあなたの仕事をする

Answer 3

を始める：

$('#tbInput').keypress(function(event){ 

if(event.which != 8 && isNaN(String.fromCharCode(event.which))){ 
} 
else 
{ 
//Your function that you want to trigger. 
alert("You pressed a numberic key: " + event.which); 
}}); 

あなたがここでそれをテストすることができます。 JSFIDDLE DEMO

Answer 4

をあなたは、単に行うことができます。

$("input").keyup(function(){ 
    $("input").css("background-color", "pink"); 
}); 

Source