js取消点击事件

// 定义事件处理函数
function handleClick(event) {
  console.log('Button clicked!');
}

// 添加事件监听器
const button = document.getElementById('myButton');
button.addEventListener('click', handleClick);

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

const button = document.getElementById('myButton');

// 设置事件处理函数
button.onclick = function() {
  console.log('Button clicked!');
};

// 取消事件处理函数
button.onclick = null;

const container = document.getElementById('container');

// 添加事件监听器到父元素
container.addEventListener('click', function(event) {
  if (event.target.id === 'myButton') {
    console.log('Button clicked!');
  }
});

// 取消特定子元素的事件监听器
container.removeEventListener('click', function(event) {
  if (event.target.id === 'myButton') {
    console.log('Button click handler removed!');
  }
});

let isClickable = true;

const button = document.getElementById('myButton');

button.addEventListener('click', function() {
  if (!isClickable) return; // 如果标志位为false，则不执行后续代码
  console.log('Button clicked!');
});

// 设置标志位为false来取消点击事件
isClickable = false;