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

204 阅读 0 评论 135 点赞

我是靠谱客的博主害怕西装，最近开发中收集的这篇文章主要介绍阻止事件(取消浏览器对事件的默认行为并阻止其传播)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

取消浏览器对事件的默认行为（响应）（比如<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; 
} 
} 