Question

我正在尝试让div更改字体大小并在屏幕上更新它。以下代码有效，但当你按一个键需要按另一个键来注册最后一个键被按下时有一个问题我不知道是不是想要发生这种情况。按键后如何更新？

 $('#font_size_title').keydown(function() { 
 var font_size_title = $(this).val(); 
 $('#preview_title').css("font-size",font_size_title);
 });

Answer 1

使用.keyup()事件，如下所示：

$('#font_size_title').keyup(function() { 
  var font_size_title = $(this).val(); 
  $('#preview_title').css("font-size",font_size_title);
});

在keydown上，该值尚未获得最后一个字母，在keyup上，的值已更新。

Answer 2

尝试using .keyup() instead。

$('#font_size_title').keyup(function() { 
     // this.value is a little quicker than $(this).val()
   var font_size_title = this.value; 
   $('#preview_title').css("font-size",font_size_title);
});

这将在输入值后注册。使用keydown时，输入还没有新值。这就是为什么需要另一个条目来获得最后一个值。

按下时jquery中的KeyDown没有更新

2 个答案: