隐藏，并在您停留时按“ Z”键显示]] << [

Question

我想隐藏在打开页面并按下键时在HTML中创建的<li></li>，我希望它们出现。

或

创建一个可以在按下键盘上的键时创建一定数量的<li></li>的功能。

在两种情况下我都不知道如何开始。

我要隐藏

是在HTML打开的页面打开并按下键时创建的，我希望它们出现。或者创建一个函数，该函数创建一定数量的

] >> <...>

这是一个代码片段，可以满足您的需求

由于CSS display: none，默认情况下不显示该列表

我使用Javascript在按下的任何按键上创建了一个事件侦听器。当按下一个键时，列表将会出现。此外，如果按下的键是z键，列表背景将变为蓝色；

document.addEventListener("keypress", handleKeyPress);

function handleKeyPress(e) {
  document.getElementById('list').classList.add('display-the-list');
  
  if(e.key === 'z') {
    document.getElementById('list').classList.add('cyan-bg');
  }
}

#list {
  display: none
}

#list.display-the-list {
  display: block;
}

#list.cyan-bg {
  background: cyan;
}
<h1>Press any key !</h1>

<ul id="list">
  <li>Hello there !</li>
  <li>I appeared beacause</li>
  <li>You pressed a key</li>
</ul>

Answer 1

这是一个代码片段，可以满足您的需求