Скрипт 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 не удалось найти элемент ввода при определении его перед го e, но когда вы будете писать то же самое после поля ввода, в это время он получит информацию о поле ввода.

Надеюсь, это поможет вам.

Answer 2

Предположим, что вы хотите присоединить обработчик к alreadt определенный элемент, вы можете использовать

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

, как у вас есть уже использован.

Однако, если вы хотите присоединить обработчик события к динамическому элементу (тот, который вы создаете позже), вы можете использовать:

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