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

如何防止对每一行的第一列进行函数调用？

标签： javascriptjqueryhtml

Answer 1

<td>单击第一个元素时，您需要阻止事件传播。添加以下内容：

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