jQuery - 专注于TR

Question

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

但是如果我在行上使用focusout,它会在有人离开元素时触发,即使它们在同一行中单击也是如此.在事件变量下没有任何东西可以告诉我它关注的是什么元素,所以我无法与当前行进行比较,看看它们是否只是在行中单击.

我想把它保存在Enter/Mouse上点击保存按钮/开始编辑另一行,但我宁愿让它工作,因为它似乎是一个更好的方法.有人想过吗？请？

Answer 1

我将通过绑定整个文档的单击处理程序来处理您的请求，然后在其他单击事件中添加 stopPropagation() 调用。我设置了一个小提琴来演示：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');
    });

});