取消冒泡和阻止默认事件

xiaoxiao2025-04-30  9

取消冒泡:

W3C标准 event.stopPropagation();但不支持ie9以下版本

IE独有 event.cancelBubble = true;

封装阻止冒泡的函数 stopBubble(event);

function stopBubble(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble = true; } }

阻止默认事件:

默认事件 — 表单提交,a标签跳转,右键菜单等

1.return false; 以对象属性的方式注册的事件才生效

2.event.preventDefault(); W3C标注,IE9以下不兼容

3.event.returnValue = false; 兼容IE

封装阻止默认事件的函数 cancelHandler(event);

function cancelHandler(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue = false; } }
转载请注明原文地址: https://www.6miu.com/read-5029479.html

最新回复(0)