onclick仅适用于第一个元素，在第一次单击后不起作用

<button onclick="handleClick()">按钮1</button>
<button onclick="handleClick()">按钮2</button>
<button onclick="handleClick()">按钮3</button>

function handleClick() {
    alert('按钮被点击了！');
}

<button id="button1">按钮1</button>
<button id="button2">按钮2</button>
<button id="button3">按钮3</button>

<script>
document.getElementById('button1').addEventListener('click', handleClick);
document.getElementById('button2').addEventListener('click', handleClick);
document.getElementById('button3').addEventListener('click', handleClick);

function handleClick() {
    alert('按钮被点击了！');
}
</script>

// 假设有一个函数用于添加新按钮
function addNewButton() {
    var newButton = document.createElement('button');
    newButton.textContent = '新按钮';
    document.body.appendChild(newButton);
    newButton.addEventListener('click', handleClick); // 绑定事件
}