兼容各浏览器获取鼠标滚轮上下滚动事件
2014-10-13 09:51
776 查看
// 滑轮滚动事件
if (document.addEventListener) {
document.addEventListener('DOMMouseScroll', pageTurn, false);
}
window.onmousewheel = document.onmousewheel = pageTurn;
// 鼠标滚动
function pageTurn(e) {
var e = e || window.event;
if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件
if (e.wheelDelta > 0) {
console.log('up'); //鼠标向上滚动
}
if (e.wheelDelta < 0) {
console.log('down'); //鼠标向下滚动
}
} else if (e.detail) { //Firefox滑轮事件
if (e.detail > 0) {
console.log('down'); //鼠标向下滚动
}
if (e.detail < 0) {
console.log('up'); //鼠标向上滚动
}
}
}
if (document.addEventListener) {
document.addEventListener('DOMMouseScroll', pageTurn, false);
}
window.onmousewheel = document.onmousewheel = pageTurn;
// 鼠标滚动
function pageTurn(e) {
var e = e || window.event;
if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件
if (e.wheelDelta > 0) {
console.log('up'); //鼠标向上滚动
}
if (e.wheelDelta < 0) {
console.log('down'); //鼠标向下滚动
}
} else if (e.detail) { //Firefox滑轮事件
if (e.detail > 0) {
console.log('down'); //鼠标向下滚动
}
if (e.detail < 0) {
console.log('up'); //鼠标向上滚动
}
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js鼠标滚轮上下滚动监听事件应用实例（跨浏览器，亲测）
- js鼠标滚轮上下滚动监听事件应用实例（跨浏览器，亲测）
- jquery 响应不同浏览器 鼠标滚轮上下滚动事件 相对的操作
- js鼠标滑轮滚动事件绑定（兼容主流浏览器）
- js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
- 鼠标滚轮事件(兼容IE、FireFox、Chrome等浏览器)
- js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
- 关于浏览器兼容的问题以及字符串编码的一个坑，鼠标滚动事件mousewheel和DOMMouseScroll
- 兼容各浏览器的鼠标滚轮事件
- 绑定鼠标滚轮上下滚动事件
- js鼠标滑轮滚动事件绑定（兼容主流浏览器）
- 给浏览器绑定鼠标滚动事件（兼容FireFox）
- 让TscrollBox响应鼠标滚轮的滚动事件
- js中鼠标滚轮事件详解(firefox多浏览器)
- jquery的鼠标滚轮插件 Mousewheel响应跨浏览器的鼠标滚轮事件
- silverlight - 获取鼠标滚轮事件 及 判断获取组合键的方法
- 跨浏览器鼠标滚轮事件及测试用例
- 获得鼠标选中文本的事件兼容多种浏览器
- 在表单上任意位置滑动鼠标滚轮来使表单上下滚动
- 鼠标滚轮控制图片大小，获取滚轮事件