在javascript中将onclick事件设置为<li>

<ul>
  <li onclick="handleClick('Item 1')">Item 1</li>
  <li onclick="handleClick('Item 2')">Item 2</li>
  <li onclick="handleClick('Item 3')">Item 3</li>
</ul>

<script>
function handleClick(itemText) {
  alert('You clicked on: ' + itemText);
}
</script>

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

<script>
document.addEventListener('DOMContentLoaded', function() {
  var listItems = document.querySelectorAll('#myList li');
  listItems.forEach(function(item) {
    item.addEventListener('click', function() {
      alert('You clicked on: ' + item.textContent);
    });
  });
});
</script>

<ul id="myList">
  <!-- List items will be added dynamically -->
</ul>

<script>
document.getElementById('myList').addEventListener('click', function(event) {
  if (event.target.tagName === 'LI') {
    alert('You clicked on: ' + event.target.textContent);
  }
});
</script>