JS监听键盘删除事件：获取被删除元素

在网页开发中，我们经常需要监听用户的键盘操作，例如监听删除键来实现特定的功能。本文将介绍如何使用JavaScript监听键盘删除事件，并获取被删除的元素。

代码示例：

document.addEventListener('keydown', function(event) {
  if (event.key === 'Backspace') {
    var deletedElement = document.activeElement;
    console.log('删除的元素是：', deletedElement);
  }
});

代码解释：

document.addEventListener('keydown', function(event) { ... });: 这行代码监听了整个文档的 keydown 事件，即每次键盘按下时都会触发该事件。
if (event.key === 'Backspace') { ... }: 这段代码判断按下的键是否是删除键 (Backspace)。
var deletedElement = document.activeElement;: 如果按下的键是删除键，则使用 document.activeElement 获取当前拥有焦点的元素，即被删除内容的元素。
console.log('删除的元素是：', deletedElement);: 这行代码将被删除元素打印到控制台，方便开发者调试和查看。

总结:

通过以上代码，我们可以轻松地监听键盘删除事件，并获取被删除内容的元素。这为我们开发更复杂、更具交互性的网页功能提供了基础。