javascript - 根据文本输入更改字体大小

Question

假设我有:

<input type="text" name="changefont" value="16"> 

当用户键入他们想要的字体值时，如何根据 keyup 更改某个节点的 font-size(例如段落)？

到目前为止我以为会是这样，但我猜不是:

 $('input[name="changefont"]').bind("keyup", function(){
 var fontSize = $(this).val();
 $('p').css('font-size', fontSize);
 });

Answer 1

除了选择器拼写错误之外，您还需要在输入值之外添加一个单位:

$('input[name="changefont"]').bind("keyup", function() {
    var fontSize = $(this).val();
    $('p').css('font-size', fontSize + "px");
});

我还建议使用 .on() 代替 .bind() 尤其是当您使用 ver. 1.7+