输入的事件监听器不起作用(javascript)

时间:2018-09-15 09:10:06

标签: javascript jquery html input

我正在尝试使用 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");
    });)

然后这有效,但这不是我想要的 帮助将被申请

2 个答案:

答案 0 :(得分:0)

jQuery

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

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

答案 1 :(得分:0)

您的 JavaScript 代码正在运行

尝试使用Jquery

$fileinfo = PATHINFO($_FILES["image"]["name"]);
$newFilename=$fileinfo['filename'] ."_". time() . "." .   $fileinfo['extension'];
move_uploaded_file($_FILES["image"]["tmp_name"],"../avatar/" . $newFilename);
$location="avatar/" . $newFilename;
$('#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> Keyup 事件

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