Question

我有一个包含数据的表格并编辑其字段我使用此功能

var tabM =  $('table#trips_info');
 $('tr',tabM).dblclick(function(){
            var tr_HL = $(this);

            tr_HL.addClass('highLight_edit');
            $('td',tr_HL).each(function(){
               $(this).attr('contenteditable','true');
            });

            var sibls = tr_HL.siblings('tr');

           $('html, '+ sibls +'' ).on('click',function(){
               console.log(tr_HL.text());
                tr_HL.removeClass('highLight_edit');
            });

            event.stopPropagation();
        });

特别是这部分用于退出编辑当前，但我不能让它正常工作

 $('html, '+ sibls +'' ).on('click',function(){
                   console.log(tr_HL.text());
                    tr_HL.removeClass('highLight_edit');
                });

我希望函数在用户单击NOT THE当前tr但兄弟姐妹tr或表格区域之外时退出编辑

提前谢谢

Answer 1

使用文档中的 blur ：

blur事件在失去焦点时发送给元素。

$(document).on('blur', 'td.highlight_edit', function(){
    $(this).parent().removeClass("highlight_edit")
})

Jquery ON点击两个元素

1 个答案: