Google
 
欢迎使用千一产品
千一产品:HighlightKey v1.0

它不会破坏文本框中的内容,也不会破坏属性值(比如 alt、title 中的值)。

它不会破坏原有的样式、链接。

它不会破坏大小写,虽然查找时是忽略大小写的,但高亮后,仍保持原有大小写。

演示地址

/products/HighlightKey/demo.htm

 
运行环境
  • Internet Explorer 全面支持
  • Firefox 全面支持
程序参考
程序开始

highlightKey("demoPanel", ["千一", "cftea"], ["#FF0000", "#00FF00"], ["#00FF00", "#0000FF"]);

//highlightKey("demoPanel", ["千一", "cftea"], null, ["#00FF00", "#0000FF"]);

//highlightKey("demoPanel", ["千一", "cftea"], ["#FF0000", "#00FF00"], null);

相关函数

highlightKey(target, keys, bgColors, colors)

高亮关键词函数。

  • target 字符串或对象 要查找并高亮其内容的控件 Id 或控件对象。
  • keys 数组 要查找的词的数组。
  • bgColors 数组 高亮时各个查找词的背景色。
  • colors 数组 高亮时各个查找词的前景色。
常见问题
  • 如何只使用背景色或前景色高亮? 用 null 传入参数 colors 或 bgColors。
  • 如何取消高亮? 取消高亮会使整个程序过于复杂,所以程序中没有实现该功能。但您可以通过在高亮之前用 innerHTML 保存高亮前的内容,要取消高亮就用 innerHTML 复原。
产品下载

当前版本 v1.0 点击下载压缩文件包,内含:

  • JS 主程序文件 2 个
  • 示例文件 1 个