HTML - 在线编辑器 - 蜜蜂教程

<button id="btn">点击这里！</button>

<script>
const buttonElement = document.getElementById('btn');

// 通过提供回调函数为 “click” 事件添加处理程序。每当单击元素时，
// 弹出 “元素被点击！” 的提示。
buttonElement.addEventListener('click', function (event) {
  alert('元素通过该方法被点击！');
});

// 为了兼容性，具有 `handleEvent` 属性的非函数对象被视为与函数本身相同。
buttonElement.addEventListener('click', {
  handleEvent: function (event) {
    alert('元素通过 handleEvent 属性被点击！');
  }
});
</script>
​x
 
<button id="btn">点击这里！</button>
​
<script>
const buttonElement = document.getElementById('btn');
​
// 通过提供回调函数为 “click” 事件添加处理程序。每当单击元素时，
// 弹出 “元素被点击！” 的提示。
buttonElement.addEventListener('click', function (event) {
  alert('元素通过该方法被点击！');
});
​
// 为了兼容性，具有 `handleEvent` 属性的非函数对象被视为与函数本身相同。
buttonElement.addEventListener('click', {
  handleEvent: function (event) {
    alert('元素通过 handleEvent 属性被点击！');
  }
});
</script>
​