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

這將註冊後已輸入的值。與​​輸入還沒有新的價值。這就是爲什麼它需要另一個條目才能獲得最後一個值。