js移除点击事件

// 添加事件监听器
function handleClick() {
  console.log('Element clicked!');
}

const button = document.querySelector('button');
button.addEventListener('click', handleClick);

// 移除事件监听器
button.removeEventListener('click', handleClick);

// 错误示例：无法移除匿名函数事件监听器
button.addEventListener('click', function() {
  console.log('Element clicked!');
});

// 无法移除，因为函数实例不同
button.removeEventListener('click', function() {
  console.log('Element clicked!');
});

// 添加事件委托
document.body.addEventListener('click', function(event) {
  if (event.target.matches('button')) {
    console.log('Button clicked!');
  }
});

// 移除事件委托
document.body.removeEventListener('click', function(event) {
  if (event.target.matches('button')) {
    console.log('Button clicked!');
  }
});

// 添加事件处理函数
const button = document.querySelector('button');
button.onclick = function() {
  console.log('Element clicked!');
};

// 移除事件处理函数
button.onclick = null;