js /jquery停止事件冒泡和阻止浏览器默认事件

时间:2023-03-08 19:37:50
js /jquery停止事件冒泡和阻止浏览器默认事件

1>js阻止冒泡事件

js /jquery停止事件冒泡和阻止浏览器默认事件
    var el = window.document.getElementById("a");
el.onclick = function (e) {
//如果提供了事件对象,则这是一个非IE浏览器
if (e && e.stopPropagation) {
//因此它支持W3C的stopPropagation()方法
e.stopPropagation();
}
else {
//否则,我们需要使用IE的方式来取消事件冒泡
window.event.cancelBubble = true;
return false;
}
}
js /jquery停止事件冒泡和阻止浏览器默认事件

2>js阻止默认事件

js /jquery停止事件冒泡和阻止浏览器默认事件
    var el = window.document.getElementById("a");
el.onclick = function (e) {
//如果提供了事件对象,则这是一个非IE浏览器
if (e && e.preventDefault) {
//阻止默认浏览器动作(W3C)
e.preventDefault();
}
else {
//IE中阻止函数器默认动作的方式
window.event.returnValue = false;
return false;
}
}
js /jquery停止事件冒泡和阻止浏览器默认事件

3>jQeury阻止默认和冒泡事件

阻止冒泡事件

            $("a").click(function (e) {
e.stopPropagation();
});

阻止默认事件

            $("a").click(function (e) {
e.preventDefault();
});

阻止默认和冒泡事件

            $("a").click(function (e) {
return false;
});