首页 > 语言 > JavaScript > 正文

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

2024-05-06 15:53:59
字体:
来源:转载
供稿:网友
取消浏览器对事件的默认行为(响应)(比如a标签的跳转等)并停止事件的继续传播,下面有一个不错的示例大家可以感受下

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

实现代码

复制代码 代码如下:


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;
}
}

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选