时间戳

首页 > 解决方案 > 在 react 中修改 CTRL+F 之类的快捷键

javascript - 在 react 中修改 CTRL+F 之类的快捷键

问题描述

如何使用 react 在我的网站中重新创建ctrl + f快捷键？我想使用任何快捷方式来触发过滤功能？

标签： javascriptreactjs

解决方案

您可以使用 vanilla javascript 文档 keyup 事件，例如：

document.onkeyup = function(e) {
    if (e.ctrlKey && e.which === 70){ // CTRL+F
        // Put your code here
    }
}

否则，如果您想使用更“反应”友好的东西，请查看https://github.com/jaywcjlove/react-hotkeys#readme

推荐阅读