Keydownスクリプトは入力ボックスの下にスクリプトコードを置くときだけ機能しますか？

Question

スクリプト・コードをテキスト・ボックスの上に置くと機能しませんが、入力フィールドの下にコードを置くと機能します。

<script src="js/jQueryv3.1.1.js" type="text/javascript"></script> 

<script> 
$("input").keydown(function(e){ 
    alert(); 
}); 
</script> 

<input type="number" id="phoneNo" /> 

BELOW

しかし動作しないが

<script src="js/jQueryv3.1.1.js" type="text/javascript"></script> 

<input type="number" id="phoneNo" /> 

<script> 
$("input").keydown(function(e){ 
    alert(); 
}); 
</script> 

Answer 1

は$（ドキュメント）.readyとあなたのコードをラップ（）以下のような：

$(function() { 
    $("input").keydown(function(e){ 
     alert(); 
    }); 
}); 

または

$(document).ready(function() { 
    $("input").keydown(function(e){ 
     alert(); 
    }); 
}); 

jQueryのあなたが目の前に、それを定義するときに入力要素を見つけることができませんeの入力ボックス、しかし、入力ボックスの後に同じことを書くと、入力ボックスに関する情報が得られます。

ご希望の場合はお手数ですが、

Answer 2

はあなたが持っているとして、あなたは

$("input").keydown(function(e){ 
    alert(); 
}); 

を使用することができますalreadt定義された要素にハンドラをアタッチするとしますWORKS既に使われた。あなたは（あなたが後に作成されている1）動的な要素にイベントハンドラを添付する場合

しかし、あなたが使用することができます。

$(document).on('keydown', 'input', function(e){ 
    alert(); 
});