如何在html中使用按钮启用热键[关闭]答案

【问题标题】：how to enable a hotkey with a button in html [closed]如何在html中使用按钮启用热键[关闭]
【发布时间】：2013-06-13 00:08:15
【问题描述】：

我目前正在制作一个静态网页此页面将包含大量文本，我希望用户能够像使用浏览器的查找功能一样进行搜索（ctrl+f）我找到了几个 javascript 文件，可以打开一个窗口并进行搜索，但这不是我想要的，我想要一些能够像浏览器一样快速和简单地搜索和突出显示的东西，因为我找不到这样的东西，我只想放置一个按钮，单击该按钮将启用查找功能，就像按 ctrl+f 一样我很难知道，但请帮助我

编辑：我也找到了这些，但你必须点击搜索

http://javascript.about.com/library/blufind.htm?

http://www.seabreezecomputers.com/tips/find.htm

【问题讨论】：

你自己没有尝试过，你应该先编程，如果你碰壁了，回到这里，我们会帮助你。
为什么不能让浏览器的 Ctrl+F 查找文本功能为您完成繁重的工作？毕竟，它是为静态文本而构建的。
@Mr.Alien 我想这需要 javascript 甚至更糟糕的 jquery，但我没有能力“自己编程”，但我发誓我搜索了如何在 javascript 中做到这一点
@michaelb958 这是我最后的选择，但因为我的网页面向年长的受众，我更喜欢有一个按钮，最近的一项研究表明只有 10% 的网络用户知道 ctrl+f跨度>
@firstroad 为什么不写一段文字Press Control+F to search for text？

标签： javascript html search shortcut hotkeys

【解决方案1】：

正如其他用户已经指出的那样，您试图实现的目标将不起作用 - 至少不像预期的那样，而且绝对不会跨浏览器。在此处发布之前搜索也很好。我找到了几个链接，但最终还是选择了这个网站上一年前的帖子。

最终，您无法在此级别使用sendkeys，因此您需要创建类似于链接线程中其他用户建议的某些链接的内容，或者按照@michaelb958 的建议，让用户手动按Ctrl+F。

Use Browser Search (Ctrl+F) through a button in website?

【讨论】：

好吧，我已经在第一个答案的链接上看到了这篇文章，但除了不是跨平台之外，它在您搜索时不会突出显示文本...
@firstroad 我担心这个功能在 JS 或 HTML 中不存在 - 据说理论上可以使用 jqeury 和 PHP 之类的东西从头开始制作一些东西，但我真的不会建议沿着那条几乎没有尽头的路走下去。使用类似此链接的内容：javascripter.net/faq/searchin.htm 可能会添加额外的功能来临时更改找到的单词上的 CSS，但这将是您需要处理的事情，然后可能会在您用它隐藏一堵墙时提出一个新问题.
不错的链接，有没有办法让它与 jquery 的 .keypress 事件一起工作，所以当你输入键盘时，这个搜索？