当前位置：首页 > 资讯 > 技术文档

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

时间：2020-06-05 04:40 编辑：来源：阅读：
扫一扫，手机访问

摘要：阻止事件(取消浏览器对事件的默认行为并阻止其传播)

取消浏览器对事件的默认行为（响应）（比如<a>标签的跳转等）并停止事件的继续传播。实现代码

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

只阻止事件继续传播（不取消默认行为）

[u]复制代码[/u] 代码如下:

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

只取消默认行为（不阻止事件的继续传播）

[u]复制代码[/u] 代码如下:

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

全部评论(0)

上一篇：Js操作DOM元素及获取浏览器高宽的简单方法
下一篇：flex中event.preventDefault()方法取消事件的默认行为

资讯排行榜
更多>>