Question

我有以下html从datatables插件调用jQuery函数，在单击表头单元格时对列进行排序：

<th class="sorting" role="columnheader" tabindex="0" aria-controls="jobBonusSummary" rowspan="1" colspan="1" style="width: 67px;" aria-label="Name: activate to sort column ascending">
<span class="filter_column filter_text">
<input type="text" rel="1" value="Name" class="text_filter search_init">
</span></th>

我可以点击，我想让span或INPUT不可点击（无论哪个有效！）现在如果我点击INPUT，它会在我希望它什么也不做的时候对列进行排序，除非我点击在INPUT周围的区域。

关于我如何做到这一点的任何想法？

Answer 1

由于事件在dom树中冒泡，因此您对输入字段的点击最终会到达周围。您需要手动停止传播以防止这种情况发生。

$("input").on("click", function(e) {
  e.stopPropagation();
  // Here you can do additional stuff, which in your case might not be needed
});

the jquery docs

使TD可点击并在IN内部输入NOT

1 个答案: