Question

如果我按下（第一次）一个字符，则警告会打印一个空值。

怎么可能？我不明白。

$('#search-vulc').on('keydown', function() {
  var textinsert = ($(this).val()).toLowerCase();
  alert(textinsert);
});

请告诉我如何在第一次按下角色时打印它。

这里还有一个jsfiddle示例：

https://jsfiddle.net/06xg4c78/1/

Answer 1

使用keuyp事件：

这是因为在将新字符添加到元素的值之前触发keypress events（因此在添加第一个字符之前触发第一个keypress event，而值仍为空）。您应该使用keyup代替，这是在添加字符后触发的。

$('#search-vulc').on('keyup', function() {
  var textinsert = ($(this).val()).toLowerCase();
  alert(textinsert);
});

Answer 2

改为使用keyup：

＆＃13;

$('#search-vulc').on('keyup', function() {

  var textinsert = ($(this).val()).toLowerCase();
  alert(textinsert);

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<input type="text" size="150" style="width: 150px;" name="qu" id="search-vulc">

＆＃13;

更新了小提琴：https://jsfiddle.net/06xg4c78/2/

Answer 3

如果您使用keydown函数，则在dom获取输入值

之前它可以正常工作

使用keyup会在您离开密钥时触发事件，以便输入值

$('#search-vulc').on('keyup', function() {
  var textinsert = ($(this).val()).toLowerCase();
  alert(textinsert);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input type="text" size="150" style="width: 150px;" name="qu" id="search-vulc">

使用keydown（）为什么在第一个字符后如果警告值为空？

3 个答案: