Question

我想知道如何在大文本框中搜索特定的字符串（包含200个单词），这样我就可以使用它来为它们着色。防爆。在文本框中有一句话“我的狗很高兴”，我希望字符串“狗”通过按钮或其他方式变为红色。有可能???

Answer 1

是的，有可能。但是，请勿使用文本框或文本区域，请div使用contenteditable = "true"：

<div id="editableDiv" class="editable" contenteditable="true">
    This is a sentence containing 'dog'.<br />
    You can edit the contents of this div.
</div>
<button id="highlightBtn">Highlight "dog"</button>
<script type="text/javascript">
   highlightBtn.onclick = function() {
         var elem = document.getElementById('editableDiv');
         elem.innerHTML = elem.innerHTML.replace(/dog/g, 
                            '<span class="redText">dog</span>');
   }
 </script>

不要忘记在样式表中创建类redText和editable：

.editable {
    padding: 5px;
    border: dashed 1px black;
}
.redText {
    color: red;
}

JSFiddle：http://jsfiddle.net/ProgramFOX/UMMPh/

如果文本框包含特定字符串，请执行一些函数--javascript

1 个答案: