使用 JavaScript 监听键盘删除按键,并通过事件处理程序删除指定元素。

方法一:监听整个文档

document.addEventListener('keydown', function(event) {
  if (event.key === 'Delete') {
    // 删除指定元素
    var elementToRemove = document.getElementById('elementId');
    if (elementToRemove) {
      elementToRemove.remove();
    }
  }
});

方法二:监听特定元素

var element = document.getElementById('elementId');
element.addEventListener('keydown', function(event) {
  if (event.key === 'Delete') {
    // 删除指定元素
    this.remove();
  }
});

解释:

  1. 监听事件: 使用 document.addEventListenerelement.addEventListener 监听 keydown 事件。
  2. 判断按键: 在事件处理函数中,使用 event.key === 'Delete' 判断是否按下了删除键。
  3. 获取元素: 使用 document.getElementById('elementId') 获取要删除的元素,或直接使用 this 指向当前元素。
  4. 删除元素: 使用 elementToRemove.remove()this.remove() 方法删除元素。

注意:

  • elementId 需要替换成要删除元素的实际 ID。
  • 可以根据需要选择监听整个文档或特定元素。
JavaScript 删除按键监听:删除指定元素

原文地址: https://www.cveoy.top/t/topic/fTKe 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录