JavaScript怎么阻止事件冒泡和阻止浏览器默认行为

这篇文章主要介绍了JavaScript怎么阻止事件冒泡和阻止浏览器默认行为的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇JavaScript怎么阻止事件冒泡和阻止浏览器默认行为文章都会有所收获，下面我们一起来看看吧。

1. 阻止事件冒泡 兼容w3c浏览器

function cBubble(e){

    if(e.stopPropagation){

        e.stopPropagation();//ie9+

    }else{//ie678

        e.cancelBubble = true;

    }

}

2.阻止浏览器默认行为

function cDefault(e){

   if(e.preventDefault){//ie9+

e.preventDefault();

   }else{//ie 678

e.returnValue = false;

    }

};

3.阻止默认详细说明

w3c 的方法是 e.preventDefault(),

IE 则是使用 e.returnValue = false;

preventDefault它是事件对象(Event)的一个方法,

作用是取消 一个目标元素的默认行为.

既然是说默认行为,当然是元素必须有默认行为才能被取消.

如果元素本身就没有默认行为,调用当然就无效 了.

什么元素有默认行为呢?

如链接<a>,

提交按钮<input type=” submit”>等.

当Event对象的cancelable为false时,表示没有默认行为,

这时即使有默认行为,调用 preventDefault 也是不会起作用的。

关于“JavaScript怎么阻止事件冒泡和阻止浏览器默认行为”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“JavaScript怎么阻止事件冒泡和阻止浏览器默认行为”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。