js onclick覆盖

// 示例代码：使用 onclick 事件并避免覆盖

// 方法一：使用 addEventListener 添加多个事件监听器
document.getElementById("myButton").addEventListener("click", function() {
    console.log("第一个点击事件");
});

document.getElementById("myButton").addEventListener("click", function() {
    console.log("第二个点击事件");
});

// 方法二：通过闭包保存之前的点击事件处理程序
var originalOnClick = document.getElementById("myButton").onclick;

document.getElementById("myButton").onclick = function() {
    if (originalOnClick) {
        originalOnClick(); // 调用原始的点击事件处理程序
    }
    console.log("新的点击事件");
};

// HTML 部分
/*
<button id="myButton">点击我</button>
*/

// 解释说明：
// 使用 addEventListener 可以为同一个元素添加多个点击事件，而不会互相覆盖。
// 如果需要替换现有的 onclick 事件处理程序，可以通过保存原来的函数并在新的处理程序中调用它来避免完全覆盖。