防止事件冒泡和取消默认行为
2012-02-17 18:01 边缘er 阅读(115) 评论(0) 编辑 收藏 举报所谓事件冒泡就是从目标事件追溯到最顶端父元素的过程。直白的说,比如有个方法名为mopao(),在按钮、按钮的父元素(div)、html,这3个元素上都调用了这个方法,那么当点击按钮的时候这个方法会依次向上执行3次。有些时候这样的行为是要防止的,就用到了下边的方法。
function stopPropagation(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble = true;
}
}
与防止事件冒泡相关的一个方法就是取消默认行为的js,如下
function preventDefault(event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue = false;
}
}
这里需要注意的是,2个方法都用的event对象。
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步