KeyDown在jquery没有更新时按下

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 hoever，价值已经被更新。

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); 
}); 

这将注册后已输入的值。与​​输入还没有新的价值。这就是为什么它需要另一个条目才能获得最后一个值。