Javascript 如何仅增加文本大小？_Javascript_Jquery_Html

Javascript 如何仅增加文本大小？

javascript jquery html

Javascript 如何仅增加文本大小？,javascript,jquery,html,Javascript,Jquery,Html,我有一个代码，通过它我可以增加文本区域中文本的大小，我可以通过给定的代码来实现这一点，但我有一个问题，当增加文本的大小时，它也会增加文本区域的大小，我不希望这样，也希望使文本区域可滚动代码如下： <HTML> <head> <head> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script> $(function () {

我有一个代码，通过它我可以增加文本区域中文本的大小，我可以通过给定的代码来实现这一点，但我有一个问题，当增加文本的大小时，它也会增加文本区域的大小，我不希望这样，也希望使文本区域可滚动

代码如下：

<HTML>
<head>


<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>


<script>
$(function () {
    $('select[name="font"]').on('change', function () {
      $('textarea').css('font-family', this.value);

    });
});
</script>
</head>



<body>
Select Programming font:
<select name="font">
    <option value="arial">arial black</option>
    <option value="tahoma">tahoma</option>
    <option value="times new roman">times new roman</option>
    <option value="calibri">calibri</option>
</select>

<select onchange="$('#txt').css('font-size', event.target.value + 'px')">
  <option value="10">10</option>
  <option value="20">20</option>
  <option value="30">30</option>
</select>

<br>EnterValue:
<textarea id="txt" rows="4" cols="50">Test Test</textarea>

</body>
</html>


$（函数（）{
$（'select[name=“font”]”）。在（'change'，函数（）{
$（'textarea'）.css（'font-family'，this.value）；
});
});
选择编程字体：
黑体西方
塔荷马
新罗马时代
卡利布里
10
20
30

企业价值：
测试

使用css

调整大小：无；溢出：自动；宽度：100px；高度：50px

带文本区域

<textarea id="txt" rows="4" cols="50" style="resize:none;overflow:auto;width:300px;height:50px">Test Test</textarea>

测试

演示：

测试

使用CSS为textarea指定特定的维度。然后可以将overflow属性设置为auto，这将使浏览器在适当的位置自动呈现滚动条：

#txt{
    height:40px;
    width:200px;
    overflow:auto;
}

您可以在更改字体大小之前获取

textarea

的宽度和高度，然后将其设置回

textarea

：

$(function () {
    var width = $('textarea').width(),
        height = $('textarea').height();
    $('select[name="font"]').on('change', function () {
        $('textarea').css('font-family', this.value);
        $('textarea').width(width);
        $('textarea').height(height);
    }).change();
});

此解决方案不需要为

textarea

亲爱的，我该如何使用它？如果您不想为

文本区域设置固定的宽度和高度，请检查我的解决方案
$(function () {
    var width = $('textarea').width(),
        height = $('textarea').height();
    $('select[name="font"]').on('change', function () {
        $('textarea').css('font-family', this.value);
        $('textarea').width(width);
        $('textarea').height(height);
    }).change();
});