以下是一个示例代码,实现了点击按钮后,文本会在键盘按下事件发生后立即消失。
HTML部分:
这是一个文本
JavaScript部分:
const myButton = document.getElementById("myButton");
const myText = document.getElementById("myText");
myButton.addEventListener("click", function() {
myText.style.display = "none";
});
document.addEventListener("keypress", function() {
myText.style.display = "block";
});
上述代码中,当点击按钮时,会触发click事件处理程序,将文本的display属性设置为"none",使其消失。当键盘按下时,会触发keypress事件处理程序,将文本的display属性设置为"block",使其重新显示出来。