Jquery 如何更改字体大小？

我正在jquery中创建一个textarea字段。当我输入任何内容时 文本区域，如果我更改字体系列、字体颜色和字体 大小应该改变

在我下面的代码中，当我在 文本区域，并更改字体系列和字体颜色， 但是当我尝试改变字体大小时，它没有改变。 我有字体大小作为文本区域，这意味着无论我给它的大小都应该改变，但这个问题我无法解决

请任何人帮我解决这个问题

$ff.changefunction{ $'.changeMe'.cssfont family，$this.val； }; $size.changefunction{ $'.changeMe'.cssfont size$this.val+px； }; $color.changefunction{ $'.changeMe'.csscolor$this.val； }; 选择字体系列 Arial 威尔达纳 新罗马时代 影响 选择字体大小 选择颜色 橙色 红色 粉红色 蓝色

---

您可以对fontsize使用选择选项，而不是输入

像这样

<select id="size">
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
</select>

---

或者，如果您可以使用输入字段，那么您必须使用另一个事件，如单击。

您应该使用下面的代码来实现您想要的。 此keyup功能将在每次按键事件时更改字体大小

$("#size").on("keyup", function() {
$('.changeMe').css("font-size", $(this).val() + "px");
});

---

我希望这对你有帮助。

你也可以试试这个

仅供参考

但值更改的效果可见焦点从输入框更改

---

appliedI使用上面的runnable代码段将字体大小更改为5，并使用最新版本的Chrome正常工作。显然，要在文本框上触发更改事件，您必须将焦点从文本框移开，例如，通过切换或单击另一个控件，因此这不是一个直观的控制系统，但代码没有明显的问题。你是否在某个特定的浏览器中遇到问题？似乎对我来说工作正常；文本区域的字体大小会相应地更新。先生，当我手动输入时，如果我给出的是30px的大小，它就不需要了，请告诉我我应该怎么做do@keerthipatil只需将30而不是30px写入框中-您的代码已经自动添加了px。我刚试了30，字体大小正确增加，一旦你退出文本框。先生，如果我想手动添加大小，我应该怎么做？我知道使用下拉菜单，先生，但我想手动添加大小sir你可以编辑我的代码并让我知道，因为我尝试了你所说的，但我没有得到想要的结果sir也可以用php来做吗？是的，可以用php来做，但流程是，首先你的表单输入进入服务器，然后你必须设置这些输入然后将更新后的代码发送回客户机，但这不是一个好的做法，因为它会造成到服务器的延迟或往返时间。所以要避免它。但是，即使你想尝试，你也可以做到，如果你已经做到了，那么发布一些代码我会提供帮助。如果你使用keyup，当用户在文本框中键入时，你会得到几个事件-这是这里需要的吗？是的，先生，我得到了我真正想要的，谢谢您的帮助。sir是否也可以用php来做？先生，也可以用php来做吗？@AmanKumar已经给出了很好的解释。你应该避免它。但只要有学习的目的你就可以做到。

$("#size").on('change',function() {
    $('.changeMe').css("font-size", $(this).val() + "px");
});