JavaScript 删除按键监听:删除指定元素
使用 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();
}
});
解释:
- 监听事件: 使用
document.addEventListener或element.addEventListener监听keydown事件。 - 判断按键: 在事件处理函数中,使用
event.key === 'Delete'判断是否按下了删除键。 - 获取元素: 使用
document.getElementById('elementId')获取要删除的元素,或直接使用this指向当前元素。 - 删除元素: 使用
elementToRemove.remove()或this.remove()方法删除元素。
注意:
elementId需要替换成要删除元素的实际 ID。- 可以根据需要选择监听整个文档或特定元素。
原文地址: https://www.cveoy.top/t/topic/fTKe 著作权归作者所有。请勿转载和采集!