javascript - 从行的点击事件中排除一列

Question

我有代码可以动态生成表的行，其中每行的第一列是复选框:

 let tr = $("<tr class='clickable-row'></tr>");
                    tr.append(`<td><input type="checkbox" class="checkbox"></td>`);
                    ...

OnClick 事件显示该行的详细信息。

$(document).on("click", ".clickable-row", function (e) {
                measurementManager.displayMeasurementsInfo(this);
            });

如何防止在每行第一列调用函数？

Answer 1

当第一个 <td> 出现时，您需要停止事件传播单击元素。添加以下内容:

$(document).on('click', '.clickable-row td:first', function(e) { e.stopPropagation() });