js ul li 回车事件

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<script>
document.addEventListener('DOMContentLoaded', function() {
  const listItems = document.querySelectorAll('#myList li');

  listItems.forEach(item => {
    item.addEventListener('keydown', function(event) {
      if (event.key === 'Enter') {
        console.log('Enter key pressed on:', item.textContent);
        // 在这里添加你想要执行的代码
      }
    });
  });
});
</script>

<ul id="myList">
  <li tabindex="0">Item 1</li>
  <li tabindex="0">Item 2</li>
  <li tabindex="0">Item 3</li>
</ul>

<script>
document.addEventListener('DOMContentLoaded', function() {
  const listItems = document.querySelectorAll('#myList li');

  listItems.forEach(item => {
    item.addEventListener('keydown', function(event) {
      if (event.key === 'Enter') {
        console.log('Enter key pressed on:', item.textContent);
        // 执行相应操作
      }
    });
  });
});
</script>