h5点击事件有哪些方式

HTML5提供了多种方式来绑定点击事件，包括：

1. 传统的HTML事件属性绑定方式（不推荐使用）：

<button onclick="handleClick()">点击我</button>

2. addEventListener()方法绑定事件：

<button id="btn">点击我</button>
<script>
  const btn = document.getElementById('btn');
  btn.addEventListener('click', handleClick);
  function handleClick() {
    // 处理点击事件
  }
</script>

3. 使用事件委托（event delegation）：

<ul id="list">
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul>
<script>
  const list = document.getElementById('list');
  list.addEventListener('click', function(event) {
    if(event.target.tagName === 'LI') {
      // 处理点击事件
    }
  });
</script>

推荐使用 addEventListener() 方法来绑定事件，因为它可以方便地添加和删除事件监听器。使用事件委托可以减少事件处理程序的数量，提高性能。