Question

我正在尝试为我正在创建的脚本编码器创建一个功能，它会将textarea的字体大小增加一个。这是我到目前为止所得到的：

<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();">

问题在于Textarea没有显示。

Answer 1

我在这里推荐你的解决方案：

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

唯一的“陷阱”是，如果文本框中的文本增加，文本大小增加时，在您再次开始输入之前，它实际上并不能正常保持内联。你会明白我的意思，但希望这能解决你的主要问题。

编辑：一点填充会使问题变得不那么明显 http://jsfiddle.net/H2J9Y/3/

Answer 2

试试这个

<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 +按钮以查看增加。

将字体+特征添加到Textarea

2 个答案: