首页  >  文章  >  web前端  >  阻止事件(取消浏览器对事件的默认行为并阻止其传播)_javascript技巧

阻止事件(取消浏览器对事件的默认行为并阻止其传播)_javascript技巧

WBOY
WBOY原创
2016-05-16 17:17:56985浏览

取消浏览器对事件的默认行为(响应)(比如标签的跳转等)并停止事件的继续传播。

实现代码

复制代码 代码如下:

function stopEvent (evt) {
var evt = evt || window.event;
if (evt.preventDefault) {
evt.preventDefault();
evt.stopPropagation();
} else {
evt.returnValue = false;
evt.cancelBubble = true;
}
}

只阻止事件继续传播(不取消默认行为)
复制代码 代码如下:

function stopEvent (evt) {
var evt = evt || window.event;
if (evt.stopPropagation) {
evt.stopPropagation();
} else {
evt.cancelBubble = true;
}
}

只取消默认行为(不阻止事件的继续传播)
复制代码 代码如下:

function stopEvent (evt) {
var evt = evt || window.event;
if (evt.preventDefault) {
evt.preventDefault();
} else {
evt.returnValue = false;
}
}

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn