輸入的事件監聽器不起作用（javascript）

Question

我正在嘗試使用輸入標簽的 EventListener調用keyup事件，但是它不起作用，我也不知道為什么。 下面是我的代碼

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

 <input type="text" id="ajax" list="json-datalist" placeholder="eg datalist"> <datalist id="json-datalist"></datalist> 

即使我嘗試了JQuery但仍然無法正常工作，但是如果我使用

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

那就可以了，但這不是我想要的。幫助將被申請

Answer 1

jQuery的

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

要么

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

Answer 2

您的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="eg 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="eg datalist"> <datalist id="json-datalist"></datalist>