是否可以突出显示输入中使用的单词?

时间:2016-08-12 18:36:29

标签: javascript jquery html css

结束目标。输入区域输入。键入时第二个区域突出显示该单词。

我有两个输入区域。一个包含单个单词列表,每行一个单词。将输入第二个输入文本。我想在第二个输入中输入时单独突出显示初始列表中的单词。这可能吗?

我的代码将数据推送到我想要的区域但不确定如何突出显示与输入区域输入不同的区域中的单个单词。

<textarea class="col-md-3" id="inputArray1" rows="20" cols="10" placeholder="Input1"></textarea>
<textarea class="col-md-3" id="inputArray2" rows="20" cols="10" placeholder="Input2"></textarea>

//holding input values for text area
var InputVar = document.getElementById("inputArray1").value;
var InputVar2 = document.getElementById("inputArray2").value;

//holding output values for text area
var OutputVar = document.getElementById("outputArray1");
var OutputVar2 = document.getElementById("outputArray2");

// takes string and breaks into substring array of words
var SplitString = InputVar.split(/[\s]+/g);

//displays list of words in 2nd text area
OutputVar.value = SplitString;

0 个答案:

没有答案