如何理解progress.offset().left

问题一:如何理解progress.offset().left

问题二:加入这个Boolean变量的作用是什么,不太理解.

详细说明一下,谢谢! var progressDrag=false;

var enableProgressDrag=function(){
    var progressDrag=false;
    $('.progress').on("mousedown",function(e){
        progressDrag=true;
        updateProgress(e.pageX);
    });
    $(document).on("mouseup",function(e){
        if(progressDrag){
            progressDrag=false;
            updateProgress(e.pageX);
        }
    });
    $(document).on("mousemove",function(e){
        if(progressDrag){
            updateProgress(e.pageX);

        }
    });
};

qjt6317800 2017-09-03

源自：HTML5音视频 3-9 js实现按钮功能的实现

收起

1回答

小丸子爱吃菜回答被采纳获得+3积分 2017-09-04 11:35:56

1、offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。该方法返回的对象包含两个整型属性：top 和 left，left也就是相对于文档左侧的偏移量。

2、加入的 var progressDrag=false;你可以理解为一个标识，或者理解为一个开关。

它的默认值是false，当 $('.progress')按下时标识变为true，那么变量progressDrag的值就是true了，当 $(document)被松开时，如果变量progressDrag为true，那么标识变为false，再执行函数 updateProgress(e.pageX);如果progressDrag为false，那么不执行 updateProgress(e.pageX);
标识符在代码中是常用的一个技巧，希望能够好好理解下，自己也可以写一个小的demo去看看效果。

祝学习愉快！

收起回答