javascript - html/css/jquery 点击元素和所有触发事件

Question

假设我有 1 个按钮“红色”和后面的多个按钮:

<button type="button">Red</button>
<button type="button">ABC</button>
<button type="button">DEF</button>
<button type="button">GHI</button>
<button type="button">JKL</button>

不知何故，它们相互堆叠。但是“红色”按钮在顶部。

点击“红色”是否会触发自身和后面所有按钮的事件？

因此，使用 CSS "pointer-events:none;" 在这里不起作用。这也是一般情况，因此应该排除使用 jQuery 选择器手动选择和触发它们的可能性。

Answer 1

您可以使用 trigger() 当点击red按钮时触发green和blue按钮的click事件:

$('button.red').click(function () {
    $('button.green').trigger('click'); // or .click()
    $('button.blue').trigger('click'); // or .click()
});

Fiddle Demo