数码资讯
js鼠标滑轮滚动事件绑定的一个简单示例(兼容主流浏览器)
复制代码代码如下所示: 鼠标轮事件的事件处理程序。 *鼠标滚动事件 * / var =函数(事件){ var = 0; 如果(用于IE的事件!) 事件= window.event; 如果(event.wheeldelta IE /歌剧。){ / * * / δ= event.wheeldelta /
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
复制代码代码如下所示:
鼠标轮事件的事件处理程序。
*鼠标滚动事件
* /
var =函数(事件){
var = 0;
如果(用于IE的事件!)
事件= window.event;
如果(event.wheeldelta IE /歌剧。){ / * * /
δ= event.wheeldelta / 120;
否则如果(事件详细信息){ }
Mozilla的案例。{ *** }
在签名中,Mozilla三角洲与IE.不同。
* delta是3的倍数。
* /
δ= -event.detail / 3;
}
如果delta非*非*,请处理它。
*基本上,如果车轮滚动了三角洲现在正,
*和负,如果车轮滚动下来。
* /
如果(delta)
把手(三角洲);
防止由鼠标滚轮造成的默认动作。
那可能很难看,但我们不知怎么处理卷轴。
总之,别在这里烦了。
* /
如果(事件。preventDefault)
Event.preventDefault();
event.returnvalue = false;
}
初始化代码。
*如果您使用自己的事件管理代码,请按需要更改它。
* /
如果(窗口。addEventListener){
dommousescroll是Mozilla。**
Window.addEventListener('dommousescroll轮,假);
}
{歌剧}。{ *** }
window.onmousewheel = document.onmousewheel =轮;
这是高级功能。
*它必须对delta的响应大于/小于零。
* /
var句柄=函数(delta){
无功random_num = math.floor((Math.random()* 100)+ 50);
如果(delta < 0){
鼠标滚轮向下滚动:+!;1
$(btn_next_pic )Onclick(random_num);
返回;
{人}
鼠标滚轮滚动!;1
$(btn_last_pic )Onclick(random_num);
返回;
}
}
鼠标轮事件的事件处理程序。
*鼠标滚动事件
* /
var =函数(事件){
var = 0;
如果(用于IE的事件!)
事件= window.event;
如果(event.wheeldelta IE /歌剧。){ / * * /
δ= event.wheeldelta / 120;
否则如果(事件详细信息){ }
Mozilla的案例。{ *** }
在签名中,Mozilla三角洲与IE.不同。
* delta是3的倍数。
* /
δ= -event.detail / 3;
}
如果delta非*非*,请处理它。
*基本上,如果车轮滚动了三角洲现在正,
*和负,如果车轮滚动下来。
* /
如果(delta)
把手(三角洲);
防止由鼠标滚轮造成的默认动作。
那可能很难看,但我们不知怎么处理卷轴。
总之,别在这里烦了。
* /
如果(事件。preventDefault)
Event.preventDefault();
event.returnvalue = false;
}
初始化代码。
*如果您使用自己的事件管理代码,请按需要更改它。
* /
如果(窗口。addEventListener){
dommousescroll是Mozilla。**
Window.addEventListener('dommousescroll轮,假);
}
{歌剧}。{ *** }
window.onmousewheel = document.onmousewheel =轮;
这是高级功能。
*它必须对delta的响应大于/小于零。
* /
var句柄=函数(delta){
无功random_num = math.floor((Math.random()* 100)+ 50);
如果(delta < 0){
鼠标滚轮向下滚动:+!;1
$(btn_next_pic )Onclick(random_num);
返回;
{人}
鼠标滚轮滚动!;1
$(btn_last_pic )Onclick(random_num);
返回;
}
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。