本文为工具方法，提供简单但常用的js方法函数。

方法代码

//用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);

tips：
这里主要是要搞明白冒泡和默认行为不是同一回事；
对于鼠标滚轮事件，不同浏览器监听的方法是不一样的

想了解更多关于事件冒泡和默认事件的内容，请阅读：《阻止事件冒泡(event.stopPropagation())/阻止默认事件(event.preventDefault())》

滚轮事件的防冒泡、阻止默认行为相关推荐

vue 事件上加阻止冒泡阻止默认事件
重点 vue事件修饰符  <a v-on:click.stop="doThis"></a><!-- 提交 ...
JavaScript事件——event对象事件冒泡阻止默认行为事件捕获
event对象用来获取事物的详细信息:鼠标位置.键盘按键 e.clientX 鼠标距离元素所在的X轴(左边)位置 e.clientY 鼠标距离元素所在的Y轴(顶部)位置 (左上角为0,0点) 获取e ...
事件注册方法、阻止默认事件、事件对象、事件冒泡:事件委托、事件捕获、重置表单
dom两种注册事件语法 1.点语法注册事件: 事件源.事件类型 = 事件处理函数特点:不能注册'同名事件', 否则会覆盖 2.addEventListener 事件源.addEventListene ...
JS 阻止冒泡阻止默认
1.什么是事件冒泡? 事件冒泡是指事件由子级传向父级,事件冒泡常常会使事件按照不属于我们原本的方式进行,影响我们正常处理事件的流程. 下边的代码通过控制台可以看出事件冒泡的流程. <body ...
vue中阻止冒泡阻止默认行为
1.事件冒泡:不再派发事件. 方法: event.stopPropagation()html: <button data-aid='123' @click="eventFn($even ...
javascript的阻止默认事件和阻止冒泡事件
这两个方面的知识,在妙味课堂中有听过,再次复习一下: 原文来自:[http://www.cnblogs.com/Essence/p/4266618.html] 事件冒泡与默认行为在说事件冒泡之前,我 ...
jquery 阻止冒泡事件和阻止默认事件
jQuery 冒泡和默认事件: <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
事件（阻止事件传播、阻止默认事件、事件源对象、事件委托）
阻止事件传播阻止事件传播e.stopPropagation() 谷歌浏览器阻止事件传播(冒泡阶段) var oBig = document.getElementById('big');var oS ...
javascript阻止冒泡和默认行为
js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件的进一步传播.使用event.preventDefault()可以取消默认事件. 在说 ...
JavaScript--阻止冒泡与阻止默认
事件由子级传向父级,称之为事件冒泡 e.stopPropagation():阻止冒泡案例 var a = document.querySelector('.a'); a.addEventListen ...

滚轮事件的防冒泡、阻止默认行为

方法代码

滚轮事件的防冒泡、阻止默认行为相关推荐

最新文章

热门文章