javascript - 检查点击事件是否由 tr 中的按钮发起

Question

我有一个包含 5 列的 html 表格。在一栏中我有一个按钮。当我单击该行时，我使用 jquery 在该行上应用了一个 css(我选择了该行)。但是，当我单击该行上的按钮时，我不想将样式应用于该行。

现在我检查我是否点击了这样的行:

$('#mytable tbody').on('click', 'tr', function (event) {

    //If the click originated by the button don't apply stile
    //...

    //...else apply the style on tr

}

在函数内部，我如何检查点击是否由按钮发起？

Answer 1

您可以使用事件的 target 属性来确定引发冒泡事件的元素。试试这个:

$('#mytable tbody').on('click', 'tr', function (e) {
    if (e.target.nodeName == 'BUTTON') {
        // the button was clicked...
    }
});

或者，您可以在按钮点击时使用 stopPropagation:

$('#mytable tbody').on('click', 'button', function (e) {
    e.stopPropagation();
    // other logic...
});