覆盖浏览器的搜索功能 (CTRL+F)，但重用其原生搜索字段

Question

我想覆盖CTRL+F 以便在 HTML 页面上提供自定义搜索功能。这可以很容易地完成：

window.onkeydown = function(event) {
    if (event.ctrlKey && event.keyCode == 70) {
        event.preventDefault();          
        my_own_search();
    } }

但随后我将无法使用浏览器底部的本机搜索字段（此处以 Firefox、法语为例）：

如何做一个自定义搜索功能，重用浏览器的原生 bottam 搜索文本框？

如果不可能，您有什么建议来创建粘贴在右上角（如 Chrome 中的搜索栏）或底部（如 Firefox 中的搜索栏）的自定义文本框，例如 Bootstrap？

---

另一个示例：Chrome 中的PDF 查看器提供自定义搜索（=不是对 HTML 页面的常规搜索，而是适用于 PDF 文档的搜索），但具有浏览器的本机搜索字段：

Answer 1

您应该永远无法覆盖网站的浏览器功能。如果可以，那就是浏览器的重大安全故障。

正如已经提到的，插件可以为单个浏览器编写，但它们必须由用户安装（即它们授予您覆盖的权限）。否则你就不走运了

Answer 2

我想是因为这是一个旧线程，但此处标记的正确答案现在无效。过去两天我在两个网站上看到了这个，我有点喜欢它。Codepen.io 之一：

在第一个窗格中使用 Command/Control+F，您将看到他们的自定义搜索。

如果您检查他们的代码，您可以看到他们有自定义事件，请在 chrome 开发工具 (CDT) 中为CodeMirror-search-field执行“搜索所有文件”