javascript - event.originalEvent.wheelDelta和event.wheelDelta区别
本文介绍了javascript - event.originalEvent.wheelDelta和event.wheelDelta区别的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
/鼠标滚珠上下滑动/
var topx = 0
var status = 0;
$(window).bind('mousewheel DOMMouseScroll', function(event) {
var obj = $("div.sectionwrap");
**var num = obj.attr('data-num') * 1;
var winHeight = $(window).height();
if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {** //向上滑动
if (num > 0 && status == 0) {
status = 1;
topx = -(num - 1) * winHeight;
obj.css('top', topx + "px");
$('#zhuangt li').find('span').removeClass('select');
$('#zhuangt li').eq(num - 1).find('span').addClass('select');
setTimeout(function() {
status = 0;
obj.attr('data-num', num - 1);
if (num === 4) {
$('.nextbtn').find('i').attr('class', 'fa fa-angle-down');
};
}, 800);
};
} else {
if (num < 4 && status == 0) {
status = 1;
topx = -(num + 1) * winHeight;
obj.css('top', topx + "px");
$('#zhuangt li').find('span').removeClass('select');
$('#zhuangt li').eq(num + 1).find('span').addClass('select');
setTimeout(function() {
status = 0;
obj.attr('data-num', num + 1);
<!-- 0开始,N-2 -->
if (num === 3) {
$('.nextbtn').find('i').attr('class', 'fa fa-angle-up');
};
}, 800);
};
}
});
不懂为什么加originalEvent,另外再问一下*1是有什么用?求大神解答。
解决方案
jquery中,最终传入事件处理程序的 event 其实已经被 jQuery 做过标准化处理
**其原有的事件对象则被保存于 event 对象的 originalEvent 属性之中**
每个 event 都是 jQuery.Event 的实例
**
所以event.originalEvent.wheelDelta就是指向原始的事件对象
**
这篇关于javascript - event.originalEvent.wheelDelta和event.wheelDelta区别的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文