js如何禁用onclick

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

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

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

<button id="myButton" onclick="handleClick()">Click me</button>

<script>
function handleClick() {
    console.log('Button clicked!');
}

// 禁用onclick事件
document.getElementById('myButton').onclick = null;
</script>

.disabled-button {
    pointer-events: none;
    opacity: 0.6; /* 可选：降低按钮的不透明度以表示禁用状态 */
}

<button id="myButton" class="disabled-button" onclick="handleClick()">Click me</button>

function handleClick() {
    if (!this.disabled) {
        console.log('Button clicked!');
    }
}

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

// 禁用按钮
button.disabled = true;