입력란 아래에 스크립트 코드를 삽입 할 때만 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" /> 

아래

하지만 작동하지 않습니다는

<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를 당신이 일하기 전에를 정의 할 때 입력 요소를 찾을 수 없습니다 전자 입력 상자,하지만 입력 상자 다음에 입력 상자에 대한 정보를 얻을 때 같은 것을 씁니다.

희망이 있으면 도움이 될 것입니다.

Answer 2

당신은 당신이, 당신이

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

를 사용할 수있는 alreadt에 정의 된 요소에 핸들러를 첨부 할 가정 WORKS 이미 사용 된. 당신이 (당신이 나중에 만드는 일) 동적 요소에 이벤트 핸들러를 연결하려는 경우

그러나, 당신은 사용할 수 있습니다

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