天天看点

jquery 绑定双击事件优化

this.table.on('dblclick','tr',function(e){
    var $checkbox = $(e.currentTarget).find('.checkchild')   
    if($checkbox.length==0){
        return
    }                                                            //前四行是双击表头的时候不触发修改功能
    let checked= $(self.table.table().node()).find('.checkchild')
    for(let i=0;i<checked.length;i++){
        checked[i].checked=false
    }                                                            //5-8行是把页面已经选择好的复选框取消
    self.rowClick(e);                                            //设置单击事件,勾选所在双击行的复选框
    self.updateAction()                                          //触发所需的事件
});      
//rowClick方法是设置点击事件后让复选框里的对勾勾上或者消失,并且记录所在表格的行,方便对某一行的数据进行操作      
rowClick:function(event){
   var $checkbox = $(event.currentTarget).find('.checkchild');
   var ischecked = $checkbox.is(':checked');
   $checkbox.prop('checked',!ischecked);
   if(ischecked){
      $(this.table.table().node()).find('.checkall').prop("checked",false);
   }
},      
因为项目优化双击弹出修改框的需求,我特意做了双击事件并且优化,绑定单击事件只需要把'dblclick'改为'click'