jQuery 使用 $(document).click 事件作为“取消选择”事件

Question

我正在使用 jQuery 构建一个 app.net 页面以进行 DOM 操作 (JS Fiddle here)。当我单击表格上的某个<td> 时，它成为未来操作的目标。我想添加代码，以便在表格外的任意位置单击将取消定位 <td>（这意味着在后台单击应该充当取消选择事件）。

this question 的答案对我没有帮助，因为： 答：我不想使用stopPropagation()，因为this article 加上我的代码中有许多单击事件处理程序，我将不得不停止传播）。 B. 我在页面上有其他元素（按钮、文本输入字段）不应充当取消选择事件）。

Answer 1

如果没有更多细节，似乎在目标单元格上切换活动类会按照您的建议进行。

var $table = $('#myTable').on('click', 'td', function(){
    $table.find('.active').removeClass('active');
     $(this).addClass('active');
});

然后要删除使用表外的事件，只需检查目标是否在表中

$(document).click(function(e){
  if(!$(e.target).closest('#myTable').length){
      $table.find('active').removeClass('active');
  }
});