当元素放置在按钮之后时，按钮停止工作(javascript)

document.querySelector('.element-after-button').addEventListener('click', function(event) {
    event.stopPropagation();
    // 其他代码
});

document.querySelector('.parent-element').addEventListener('click', function(event) {
    if (event.target.matches('.button')) {
        // 按钮被点击的处理代码
    }
});

document.querySelector('.parent-element').addEventListener('click', function(event) {
    if (event.target.matches('.button')) {
        // 按钮被点击的处理代码
    }
});

<div class="parent-element">
    <button class="button">Click Me</button>
    <div class="element-after-button">Element After Button</div>
</div>

document.querySelector('.parent-element').addEventListener('click', function(event) {
    if (event.target.matches('.button')) {
        console.log('Button clicked!');
    }
});