js如何禁止按钮触发事件

<button id="myButton" onclick="alert('Button clicked!')">Click Me</button>

<script>
document.getElementById('myButton').disabled = true;
</script>

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

<script>
document.getElementById('myButton').addEventListener('click', function(event) {
    event.preventDefault();
    alert('Button click prevented!');
});
</script>

<button id="myButton" onclick="alert('Button clicked!')">Click Me</button>

<script>
function handleClick() {
    alert('Button clicked!');
}

var button = document.getElementById('myButton');
button.removeEventListener('click', handleClick);
</script>

<button id="myButton" onclick="alert('Button clicked!')" style="pointer-events: none; opacity: 0.6;">Click Me</button>