如何通过按键触发网页关闭或跳转——JavaScript键盘事件实战教程-html教程-PHP中文网

本文详解如何利用javascript监听特定按键（如反引号键`），实现页面自动关闭或重定向至其他网站，涵盖事件绑定、键值识别、安全限制及最佳实践。

本文详解如何利用javascript监听特定按键（如反引号键`），实现页面自动关闭或重定向至其他网站，涵盖事件绑定、键值识别、安全限制及最佳实践。

在Web游戏或交互式应用中，快捷键（如按 ` 键呼出菜单、暂停游戏或退出当前页）能显著提升用户体验。但需注意：浏览器出于安全策略，不允许脚本随意关闭非脚本打开的窗口；而重定向则完全可控且推荐使用。

✅ 正确做法：监听 keydown 事件 + 使用 e.code 精准匹配键名

现代标准推荐使用 e.code（返回物理按键标识，如 "Backquote"）而非已废弃的 keyCode 或模糊的 e.key（受输入法/布局影响）。反引号键（位于Tab上方、数字1左侧）的标准 code 值为 "Backquote"。

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

// 推荐：监听 keydown（比 keypress 更可靠，支持所有键）
window.addEventListener('keydown', (e) => {
  if (e.code === 'Backquote') {
    e.preventDefault(); // 阻止默认输入行为（如页面内插入`字符）

    // ✅ 方案1：安全重定向到其他网站（无限制）
    window.location.href = 'https://example.com';

    // ❌ 方案2：尝试关闭当前页（仅对 window.open() 打开的页面有效）
    // window.close(); // 若非脚本打开，多数浏览器会静默忽略或弹出提示
  }
});

⚠️ 关键注意事项

window.close() 有严格限制：仅能关闭由 window.open() 创建的窗口。直接关闭用户手动打开的标签页会被浏览器拦截（Chrome/Firefox/Safari 均如此），控制台可能报错 Scripts may close only the windows that were opened by them.
优先使用重定向：window.location.href = url 或 window.location.replace(url)（不保留当前页历史）更可靠、兼容性更好。
避免阻塞主线程：勿在事件处理中执行耗时操作；必要时用 setTimeout 异步处理。
考虑可访问性：为键盘操作提供视觉反馈（如高亮快捷键提示），并确保与屏幕阅读器兼容。