如何使用JavaScript在Repl.it实现按下CTRL+T快捷键打开指定链接

实现逻辑说明 #

• 首先监听全局的keydown事件，匹配用户按下的按键组合
• 匹配到Ctrl（Mac系统对应Command键）+ T的组合时，调用e.preventDefault()阻止浏览器默认打开新标签页的行为
• 调用window.open()打开你预设的目标链接
• 注意：Repl.it默认的项目预览是iframe嵌套模式，部分浏览器会限制弹窗权限，你可以点击预览窗口右上角的「在新标签页打开」按钮，在独立页面运行项目即可正常触发功能，另外只有在项目运行的预览页面按键才会生效，在Repl.it的代码编辑区按键会触发浏览器/编辑器默认行为。

可直接运行的完整代码示例 #

直接将以下代码复制到Repl.it的HTML文件中，替换targetUrl变量的值为你需要打开的链接即可运行：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>快捷键跳转测试</title>
</head>
<body>
    <p>按下 Ctrl+T（Mac 按 Command+T）即可打开指定链接</p>
    <script>
        document.addEventListener('keydown', e => {
            // 匹配快捷键组合
            if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 't') {
                // 阻止浏览器默认行为
                e.preventDefault();
                // 替换为你的目标链接
                const targetUrl = 'https://example.com';
                // 打开链接，_blank表示新标签页打开，改为_self则当前页打开
                window.open(targetUrl, '_blank');
            }
        });
    </script>
</body>
</html>

如果你是在已有的前端项目中加这个功能，直接把<script>标签里的代码复制到你的全局JS文件中即可。

内容的提问来源于stack exchange，提问作者ArcheryAce