jQuery keypress / keydown无法正常工作

时间:2016-06-19 14:13:45

标签: javascript jquery html5 client frontend

我在jQuery中创建了一个实时搜索栏,但我遇到了问题!

$(document).on('keydown', '.searchInput', function(){ // or keypress I have the same result
  console.log($(this).val());
});

当我按下输入字段.searchInput中的按钮时,它会记录它的最后一个值。例如,如果我键入a,它将记录(空),如果我键入s(因此搜索栏中包含as),它将记录{ {1}},如果我在搜索栏中输入ad),则会记录asd,依此类推。我究竟做错了什么?谢谢!

1 个答案:

答案 0 :(得分:5)

如果我正确理解了这个问题,那么您希望在文本框中捕获您需要附加keyup事件而不是keydown的完整值。

$(document).on('keyup', '.searchInput', function(){ // or keypress I have the same result
  console.log($(this).val());
});