当前位置：首页 > JavaScript

js 实现esc

2026-04-06 15:09:33JavaScript

实现 ESC 键功能的方法

在 JavaScript 中，可以通过监听键盘事件来检测 ESC 键的按下，并执行相应的操作。以下是几种常见的实现方式：

监听键盘事件

document.addEventListener('keydown', function(event) {
  if (event.key === 'Escape') {
    console.log('ESC key pressed');
    // 执行自定义操作
  }
});

使用 jQuery 实现

$(document).keydown(function(event) {
  if (event.key === 'Escape') {
    console.log('ESC key pressed');
    // 执行自定义操作
  }
});

检测键盘码

js 实现esc

ESC 键的键盘码是 27，可以通过检测 event.keyCode 或 event.which 来实现：

document.addEventListener('keydown', function(event) {
  if (event.keyCode === 27 || event.which === 27) {
    console.log('ESC key pressed');
    // 执行自定义操作
  }
});

移除事件监听

js 实现esc

如果需要临时禁用 ESC 键功能，可以移除事件监听：

function handleEsc(event) {
  if (event.key === 'Escape') {
    console.log('ESC key pressed');
  }
}

// 添加监听
document.addEventListener('keydown', handleEsc);

// 移除监听
document.removeEventListener('keydown', handleEsc);

在特定元素上监听

可以只在特定元素上监听 ESC 键事件：

const modal = document.getElementById('modal');
modal.addEventListener('keydown', function(event) {
  if (event.key === 'Escape') {
    closeModal();
  }
});

这些方法可以根据具体需求选择使用，适用于大多数现代浏览器。