js 重写onclick事件

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

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

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

<script>
document.getElementById('myButton').onclick = function() {
    alert('Button was clicked!');
};
</script>

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

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

var button = document.getElementById('myButton');
button.removeEventListener('click', handleClick); // 移除之前的监听器
button.addEventListener('click', handleClick);

document.getElementById('myButton').addEventListener('click', function() {
    console.log(this); // 此处的this指向按钮元素
});

document.getElementById('myButton').addEventListener('click', handleClick.bind(document.getElementById('myButton')));

function handleClick() {
    console.log(this); // 此处的this指向按钮元素
}