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

2019-11-20 21:48:03

字体：大中小

来源：转载

供稿：网友

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

上一篇：jquery获取一组checkbox的值(实例代码)

下一篇：event对象获取方法总结在google浏览器下测试