jQuery - 专注于 TR

Question

好的，所以我正在制作一个插件，允许在我的网站中内联编辑表格，到目前为止进展顺利，我已经完成了大部分工作，但我似乎无法正确地将焦点移出表格。因此，如果有人完成编辑并开始编辑新行或只是单击该行之外的内容，则应该保存并恢复正常。但是，如果我在行上使用模糊，则没有响应，但如果我在元素上使用模糊，则当人们从一个元素交换到另一个元素时，它会触发

但是，如果我在该行上使用 focusout，那么只要有人离开该元素，即使他们单击同一行，它也会触发。事件变量下也没有任何内容告诉我它将焦点设置在哪个元素上，因此我无法与当前行进行比较以查看它们是否只是在行中单击。

我正在考虑将其保存在 Enter/鼠标单击“保存”按钮/开始编辑另一行上，但我宁愿让它工作，因为它似乎是一种更好的方法。想到有人吗？请问？

Answer 1

我将通过绑定(bind)整个文档的单击处理程序来处理您的请求，然后在其他单击事件中添加 stopPropagation() 调用。我设置了一个 fiddle 来演示:http://jsfiddle.net/NwftK/

<table border="1" width="200">
    <tr id="myRow"><td>Hello</td><td>World</td></tr>
</table>

还有 jQuery:

$(function () {
    $("#myRow").on('click', function (e) {
       $(this).css('background-color', 'blue');
        e.stopPropagation();
    }); 

    $(document).on('click', function () {

       $("#myRow").css('background-color', 'red');
    });

});