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

时间:2015-02-20 19:09:33

标签: javascript jquery html css

说我有:

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

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

到目前为止,我认为会是这样,但我猜不是:

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

1 个答案:

答案 0 :(得分:2)

除了输入值之外,您还需要添加一个单位:

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

我还建议使用.on()代替.bind(),尤其是如果您使用的是ver。 1.7 +