在Javascript中搜索和突出显示-在head部分中

Search and Highlight in Javascript - from within the head section

本文关键字:head 显示 Javascript 搜索      更新时间:2023-09-26

我正在尝试用javascript创建一个荧光笔,它可以捕捉所选的文本并突出显示(更改文本颜色和背景)。我能够使用mouseup/down(使用http://www.codetoad.com/javascript_get_selected_text.asp)但是如果我把改变颜色(从http://www.nsftools.com/misc/SearchAndHighlight.htm),它不起作用,页面变得没有响应。我认为,由于我调用第二个脚本来更改body标记中的颜色,因此它无法正常工作。我在谷歌上搜索过,但找不到任何将上述两种解决方案混合在一起的解决方案。

让这件事稍微复杂一点的是,我不希望操作附加到按钮上,也就是说,一旦选择了文本,它就应该保存在一个变量中并立即着色,也就是鼠标一被抬起。我尝试过使用CSS,但它只适用于第一个高亮显示,即一旦你选择了另一个文本,第一个高亮就会被删除,新文本就会高亮显示。。。。

非常感谢您的帮助。

您可以使用以下两个答案的组合来完成此操作:

  • https://stackoverflow.com/a/5887719/96100
  • https://stackoverflow.com/a/8713757/96100

下面是一个演示:http://jsfiddle.net/E2bU6/