阻止事件(取消其默认行为并阻止其传播)

作者: siediyer 分类: vue/uniapp/bootstrap/jquery/ 发布时间: 2013-05-10 15:46

功能描述

 

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

 

实现代码

function&nbsp;stopEvent&nbsp;(evt)&nbsp;{

var&nbsp;evt&nbsp;=&nbsp;evt&nbsp;||&nbsp;window.event;

if&nbsp;(evt.preventDefault)&nbsp;{

evt.preventDefault();

evt.stopPropagation();

}&nbsp;else&nbsp;{

evt.returnValue&nbsp;=&nbsp;false;

evt.cancelBubble&nbsp;=&nbsp;true;

}

}

阻止事件继续传播(不取消默认行为)

function&nbsp;stopEvent&nbsp;(evt)&nbsp;{

var&nbsp;evt&nbsp;=&nbsp;evt&nbsp;||&nbsp;window.event;

if&nbsp;(evt.stopPropagation)&nbsp;{

evt.stopPropagation();

}&nbsp;else&nbsp;{

evt.cancelBubble&nbsp;=&nbsp;true;

}

}

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

function&nbsp;stopEvent&nbsp;(evt)&nbsp;{

var&nbsp;evt&nbsp;=&nbsp;evt&nbsp;||&nbsp;window.event;

if&nbsp;(evt.preventDefault)&nbsp;{

evt.preventDefault();

}&nbsp;else&nbsp;{

evt.returnValue&nbsp;=&nbsp;false;

}

}

 

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

Title - Artist
0:00