老师,请问关于offsetX和pageX的区别能详细讲一下吗

来源:3-4 js实现计算总时长

Nekosan

2018-03-18 21:03:33

1.offsetX和pageX的区别;

2.$(".loading").fadeOut(100);这句执行之前可能页面没有loading的图,但是还是可以正常运行这条语句且不报错,说明jq里面已经做好相关验证,如果存在就执行,不存在也不报错吗?

var loadingTimer = null;
    video.on("timeupdate", function() {
        var currentTime = video[0].currentTime;
        var duration = video[0].duration;
        var percent = 100 * currentTime / duration;
        $(".timeBar").css("width", percent + "%");
        $("#currentTime").html(timeFormat(currentTime));
        $(".loading").fadeOut(100);
        clearTimeout(loadingTimer);
        loadingTimer = setTimeOut(function() {
            if(!video[0].paused && !video[0].ended) {
                $(".loading").fadeIn(100);
            }
        }, 500)
    });

3.还有jq事件监听on的用法,两个参数分别为一个事件,一个函数,监听到前一个事件发生,就会执行后一个函数吗?

写回答

1回答

怎么都被占用了呢

2018-03-19

1、PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化

offsetX:鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为参考点

2、是的,找不到这个loading元素,也不会报错,影响后面的代码执行的

3、是,第一个参数是事件类型,第二个参数是事件被触发时,执行的函数。


0

0 学习 · 5012 问题

查看课程