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() });