滚轮事件的防冒泡、阻止默认行为的代码(效果是:只让当前div滚动,连当前文档都不滚动的效果)
2015-10-19 15:33
561 查看
//用firefox变量表示火狐代理
var firefox = navigator.userAgent.indexOf('Firefox') != -1;
function MouseWheel(e){//阻止事件冒泡和默认行为的完整兼容性代码
e = e||window.event;
if (e.stopPropagation) {//这是取消冒泡
e.stopPropagation();
} else{
e.cancelBubble = true;
};
if (e.preventDefault) {//这是取消默认行为,要弄清楚取消默认行为和冒泡不是一回事
e.preventDefault();
} else{
e.returnValue = false;
};
}
var con = document.getElementById('content');//要在content内部滚动,而页面不受影响,所以这里获取要滚动的对象
//如果是ff就绑定DOMMouseScroll事件,其他浏览器就用onmousewheel事件触发
firefox ? con.addEventListener('DOMMouseScroll',MouseWheel,false) : (con.onmousewheel = MouseWheel);
var firefox = navigator.userAgent.indexOf('Firefox') != -1;
function MouseWheel(e){//阻止事件冒泡和默认行为的完整兼容性代码
e = e||window.event;
if (e.stopPropagation) {//这是取消冒泡
e.stopPropagation();
} else{
e.cancelBubble = true;
};
if (e.preventDefault) {//这是取消默认行为,要弄清楚取消默认行为和冒泡不是一回事
e.preventDefault();
} else{
e.returnValue = false;
};
}
var con = document.getElementById('content');//要在content内部滚动,而页面不受影响,所以这里获取要滚动的对象
//如果是ff就绑定DOMMouseScroll事件,其他浏览器就用onmousewheel事件触发
firefox ? con.addEventListener('DOMMouseScroll',MouseWheel,false) : (con.onmousewheel = MouseWheel);
相关文章推荐
- 错误代码:1100 Table 't_depart_info' was not locked with LOCK TABLES的解决方法
- php模拟post提交数据
- Java基础知识学习(九)
- php 堆排序
- [国嵌笔记][024][ARM汇编编程概述]
- C++11 的重大改变
- RTP 协议分析
- eclipse adb 无法启动
- Java设计模式----单例模式(Singleton)
- Java设计模式----单例模式(Singleton)
- C++为什么要引入静态成员函数
- QT的坐标系统
- 简单的PHP异常处理
- java 校验公民身份证有效性
- 关于java内存泄漏
- Smarty赋值对象方法,配置简化封装类
- Struts2-运行流程分析
- 部署PHP时的4个配置修改说明
- c3p0、dbcp数据源在spring的配置
- ARM编程模型