Question

我希望有1个主要文本区域，您可以在其中键入任何内容，它将实时更新多个textareas，显示不同字体的键入字母。

例如：主要文字区域：

<textarea id="textField0" autocomplete="off" style="font-family:'Alex Brush';" 
onkeyup="javascript:setFontText(this.value);" rows="2" name="textField0"></textarea>

多个文字区：

<textarea id="Courier new" class="fontTextArea2" style="font-family:courier_newregular;" 
autocomplete="off" name="Courier new"></textarea>

<textarea id="Arial Black" class="fontTextArea2" style="font-family:arialblack; " 
autocomplete="off" name="Arial Black"></textarea>

我如何为setFontText（）编写javascript？

谢谢！

Answer 1

你可以这样做：

function setFontText(text) {
   document.getElementById("Courier_new").innerHTML = text;
   document.getElementById("Arial_Black").innerHTML = text;
}

我还建议您将id更改为不包含空格的内容。

示例：http://jsfiddle.net/3Lq0ykyk/1/

Answer 2

我把事件处理程序从内联到javascript，只需在css中创建你想要的字体

＆＃13;

var areatwo=document.getElementById('two');
var areathree=document.getElementById('three');
 
  
    document.addEventListener('keydown',setFontText);
document.addEventListener('keyup',setFontText);
      
      function setFontText(){ 
            var textareavalue=document.getElementById('one').value;
                areatwo.value=textareavalue;
                  areathree.value=textareavalue;
      
  }

＆＃13;

#two{font-family:courier_newregular;}
#three{font-family:arialblack; }

＆＃13;

<textarea id="one"></textarea>
<textarea id="two"></textarea>
<textarea id="three"></textarea>

＆＃13;

javascript实时更新从1个文本区域到多个textarea

2 个答案: