javascript - 使用 $.contains 查找一个元素是否包含另一个具有焦点的元素

Question

我有以下 JQuery，它是双击表格行的处理的一部分。如果该行包含一个具有事件焦点的输入框，我想退出该函数，否则我想继续:

$("#foo tbody tr").dblclick(function() {
        if ($.contains( $(this)[0], document.activeElement)) {
            return;
        }
        // otherwise, do something with the row
    });

但是，它不起作用:条件显然总是返回 false(activeElement 不在双击的行中)，即使该行确实包含带焦点的输入框也是如此。

怎么了？

编辑:我在这里所做的是在双击时将行从一个表移动到另一个表。但是每一行都包含一个单元格，其中包含可以单击以对其进行编辑的文本(当用户单击一次单元格文本时，它会变成一个输入框)。我发现，如果用户正在编辑此单元格但双击该行，则会发生移动，我想避免这种情况。

Answer 1

您可以向具有焦点的元素添加一个类，并在您的双击事件中检查它。然后，您可以在需要时删除该类。 http://jsfiddle.net/uq0ga86v/5/

$('input').focus(function(){
    $('input').removeClass('focus');
    $(this).addClass('focus');
})
$("#foo tbody tr").dblclick(function() {    
        if ($(this).find('input.focus').length != 0) {
            alert('g');
        }
        // otherwise, do something with the row
       $(this).find('input.focus').removeClass("focus");
});