OnKeyDown не работает, ONBLUR работает

Question

При создании текстового поля (данных 5) динамически следующая функция работает

input5.onblur = function() {validate_quantity(this)} 

, но следующий, не работает

input5.onkeydown = function() {validateNumbers(event)} 

Когда я загрузить страницу, у меня есть первое текстовое поле в HTML, с

onblur="validate_quantity" onkeydown="validateNumbers(event) 

и ОБА работают хорошо в первом текстовом поле, что случилось с моим input5.onkeydown линия?

Answer 1

Код, который вы показываете, предназначен для высоконадежной обработки триггеров JS. Так мы обработали события в эпоху HTML4.01 (1998), но не так, как вы занимаетесь обработкой событий в современных HTML и JS.

Современный подход заключается в использовании прослушивания событий, используя addEventListener (и removeEventListener) функции в немного страницы сценария (загружается только до </body> так, чтобы любые элементы, которые должны быть найдены с помощью document.getElementById или document.querySelector может не указано):

var userInput = document.getElementById("userinput"); 

function dataHandler(evt) { 
    var quantity = userInput.value; 
    if (validateQuantity(quantity)) { 
    // do things 
    } 
} 

userInput.addEventListener("blur", dataHandler); 
userInput.addEventListener("keydown", dataHandler);