javascript - Google Drive(或其他服务)如何捕获自定义搜索框的 Ctrl+F 或 Command+F 输入？

Question

是否可以创建一个自定义“查找”框，类似于 Google 云端硬盘在按 Command+F 或 Ctrl+F 时所做的操作？我是一个十足的菜鸟，我不知道如何更好地表达这个问题，对不起!

Answer 1

它们捕获 document 上的 keydown 事件并阻止默认操作发生，而是做自己的事情:

document.addEventListener("keydown", function(e) {
    if (e.ctrlKey && (e.which || e.keyCode) == 70) {
        e.preventDefault();
        alert("Search!");
    }
}, false);

实例:

document.addEventListener("keydown", function(e) {
    if (e.ctrlKey && (e.which || e.keyCode) == 70) {
        e.preventDefault();
        alert("Search!");
    }
}, false);

<p>Click here to focus the snippet's document, then press Ctrl+F</p>

处理程序接收的事件对象有一个 ctrlKey 属性，如果按下 ctrl 键，该属性将具有 true 值。在大多数浏览器上，它还有一个 which 属性来表示哪个键，但在某些浏览器上它是 keyCode，所以在上面我使用了 curiously-powerful || operator使用浏览器提供的任一浏览器。