Eventlistener для ввода не работает (JavaScript)

Question

Я пытаюсь вызвать событие keyup, используя EventListener для тег ввода , но оно не работает, и я не знаю почему. ниже мой код

document.getElementById("ajax").addEventListener("keyup", function() {
  alert("called");
});

<input type="text" id="ajax" list="json-datalist" placeholder="e.g. datalist">
<datalist id="json-datalist"></datalist>

Даже если бы я попытался JQuery , но все равно он не работает, но если я использую

document.addEventListener(keyup,function(){
      alert("called");
    });)

тогда это работает, но это не то, что я хочу Помощь будет оценена

Answer 1

Ваш JavaScript Код работает

Попробуйте использовать Jquery

$('#ajax').keypress(function(){
alert('called')
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="ajax" list="json-datalist" placeholder="e.g. datalist">
<datalist id="json-datalist"></datalist>

Вы можете попробовать использовать jquery Keyup Событие

$(document).on('keyup','#ajax',function(){
alert('Called');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="ajax" list="json-datalist" placeholder="e.g. datalist">
<datalist id="json-datalist"></datalist>

Answer 2

jQuery

$("#ajax").keyup(function() {
      alert( "called" )
 })

или

$("#ajax").on( "keyup", function() {
   alert( "called" )
})