js怎么禁用按钮点击事件

<button id="myButton" disabled>Click Me</button>

document.getElementById('myButton').disabled = true;

var button = document.getElementById('myButton');
function handleClick() {
    alert('Button was clicked!');
}

// 添加事件监听器
button.addEventListener('click', handleClick);

// 移除事件监听器来禁用点击事件
button.removeEventListener('click', handleClick);

.disabled-button {
    pointer-events: none;
    opacity: 0.6;
}

document.getElementById('myButton').classList.add('disabled-button');

document.getElementById('myButton').addEventListener('click', function(event) {
    if (shouldDisableButton()) {
        event.preventDefault();
        return;
    }
    // 正常的事件处理逻辑
});

function shouldDisableButton() {
    // 根据实际情况返回true或false
    return true;
}