添加字体+功能的文本区域

Adding Font + Feature to Textarea

本文关键字：文本 区域 功能 字体 添加      更新时间：2023-09-26

我试图为脚本编码器创建一个功能，我正在创建，将增加字体大小的文本区域的一个。这是我目前得到的:

<script type="text/javascript"> 
  var size=10 + "px";
  var size2=10;
  function add(){
     size2++;
     size=size2+"px";
  }
  if(typeof size2=="undefined"){size2="10";}
  $('#panel').html("<form method='post' name='pad' align='center'><textarea class='look' rows='11' id='code1' style='font-size:"+size+";' name='text' cols='58'></textarea><br></form>")   
</script>
<div id="panel"></div>
<br />
<input type="button" value="Font+" name="fontAdd" onclick="add();">

我在这里修改了您的解决方案:

http://jsfiddle.net/H2J9Y/2/

唯一的"问题"是，如果文本框中有文本，当文本的大小增加时，它不会真正保持行内正确，直到你开始再次输入。你会明白我的意思，但希望这已经解决了你的主要问题。

Edit:一点填充使问题不那么明显http://jsfiddle.net/H2J9Y/3/

试试这个

<div id="panel"></div>
<br>
<input type="button" value="Font+" name="fontAdd" id="fontAdd">

我添加了一个id="fontAdd"，然后通过click()引用

$('#fontAdd').click(function(){
  size2++;
  size=size2+"px";
  if(typeof size2=="undefined"){size2="10";};
  $('#panel').html("<form method='post' name='pad' align='center'><textarea class='look' rows='11' id='code1' style='font-size:"+size+";' name='text' cols='58'></textarea><br></form>");
      });

还有，你缺少了一些;

示例:http://jsfiddle.net/jasongennaro/n3jGK/

**继续点击font +按钮查看增加

相关文章：