【实用随记】失焦和双击

最新推荐文章于 2022-03-21 23:10:41 发布

原创最新推荐文章于 2022-03-21 23:10:41 发布 · 287 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了在文件管理中如何实现点击与双击事件的响应机制，包括切换选中状态、背景颜色改变以及文件子文件夹加载逻辑。

$('.folder-height').bind({
        click:function(){
          $('.selected').removeClass('selected');
          $(this).toggleClass('selected');
          $('#folder-confirm').css('background-color','#2D93E5');
          event.stopPropagation();
        },
        dblclick:function(){
          var that = $(this);

          event.stopPropagation();
          $('.selected').removeClass('selected');
          that.toggleClass('selected');
          $('#folder-confirm').css('background-color','#2D93E5');
          //about subfile
          if(that.parent('.folder-each').siblings('.trangle').hasClass('tr-empty')){
            that.parent('.folder-each').siblings('.trangle').addClass('loading');
            setTimeout(function () {
            foDblclick(that);
            that.parent('.folder-each').siblings('.trangle').removeClass('loading');
            },500);
          }else{
            foDblclick(that);
          }
        }
      });

 $('#popup').bind('click', function(){
        //console.dir(event);
        if(!$(event.target).hasClass('trangle,folder-each')){
          $('.selected').removeClass('selected');
          $('#folder-confirm').css('background-color','#aaa');
        }


      });