使用 Javascript 突出显示文本框中的文本答案

【问题标题】：Highlighting text in a textbox using Javascript使用 Javascript 突出显示文本框中的文本
【发布时间】：2011-02-21 10:12:30
【问题描述】：

我有一个 ASP.NET 2.0 webapp（使用 C#）。我想添加一个按钮，单击该按钮会突出显示选定的文本。 “突出显示”是指更改文本的 CSS 属性以使其突出。我认为这可以通过一些客户端 JavaScript 来完成。

我知道您可以将 Javascript 函数分配给 HTML 输入按钮的 onclick 事件，但由于我对 JS 不是很精通，所以我不知道如何编写函数本身...

有人可以帮忙吗？

非常感谢！

【问题讨论】：

【解决方案1】：

看起来有一个 jQuery 插件可以执行与您想要的类似的操作。不确定它是否可以在文本框内工作，但可能不需要太多时间就能到达那里。看看这个链接： http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

【讨论】：

【解决方案2】：

在我看来，最好的解决方案是使用正则表达式来查找搜索到的文本，然后将其包装在一个标签中，该标签具有指定的特定样式。

你可以看看这里 w3schools 或简要

var searchString = "abra";
string.replace(searchString,"<span class='highlight'>"+searchString+"</span>")

【讨论】：

【解决方案3】：

应该是这样的：

功能：

函数 highlightMyText() {

elem=document.getElementById('textToTurnRed');

elem.style.color="red";

}

脚本>

然后在正文中：

我的文字会变成红色

然后是按钮：

你可以用 element.style 做各种各样的事情，比如改变颜色、可见性，任何你需要的东西。

【讨论】：