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

Question

我有一个ASP.NET 2.0 webapp（使用C＃）。我想添加一个按钮，单击该按钮会突出显示所选文本。通过'突出'，我的意思是更改文本的CSS属性，以便它可以脱颖而出。我认为这可以通过一些客户端JavaScript来完成。

我知道您可以将一个Javascript函数分配给HTML输入按钮的onclick事件，但由于我不太熟悉JS函数本身我不知道如何编写...

有人可以帮忙吗？

非常感谢！

Answer 1

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

Answer 2

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

你可以看看w3schools 或简要

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

Answer 3

这将是这样的：

功能：

＆LT; script type =“text / javascript”＆gt;

function highlightMyText（）{

elem=document.getElementById('textToTurnRed');

elem.style.color="red";

}

＆LT; /脚本＆GT;

然后在身体里：

＆LT; div id =“textToTurnRed”＆gt;

我的文字会变成红色 ＆LT; / DIV＆GT;

然后是按钮：

＆LT; input type =“button”value =“Turn Red”onclick =“highlightMyText”/＆gt;

您可以使用element.style执行各种操作，例如更改颜色，可见性以及您需要的任何内容。