老师,请问关于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、是,第一个参数是事件类型,第二个参数是事件被触发时,执行的函数。
相似问题