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

假设我有：

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

---

除了选择器键入之外，您还需要在输入值之外添加一个单位：

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

---

我还建议使用

.on（）

代替

.bind（）

，尤其是在使用ver时。1.7+

检查名称属性…输入[name=“font”]应该是输入[name=“changefont”]如果我没有弄错，很抱歉，我在代码中将该部分作为示例发布到stackoverflow时忘了更改该部分。我编辑了它。只是说，是添加单位部分修复了它。似乎没有正确的单位它就不能工作。打字错误固定在柱子上。我也会看的。on（），谢谢@Naz：正确，因为例如

font-size:16

是无效的CSS规则。

font size

的值需要一个单位，除非使用关键字，例如medium。

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