阻止冒泡行为方法总结

冒泡简介:当我们点击一个控件的时候,如果包括这个控件的父控件也有click事件,则会继续执行。比如:div下的p都有click事件,点击p的时候,会alert出现2次。这个现象叫做冒泡事件。

js中阻止冒泡行为的方法:

function stopevent(obj){
if(obj&&obj.stopPropagation){//非IE
obj.stopPropagation();
}
else{//IE
window.event.cancelBubble=true;
} }

阻止a标签默认跳转行为:

function stopevent( e ) {
  //阻止默认浏览器动作(W3C)
  if ( e && e.preventDefault )
  e.preventDefault();
  //IE中阻止函数器默认动作的方式
  else
  window.event.returnValue = false;
  return false;
  }

jq中阻止冒泡行为的方法:

$(“span”).click(function(event){
event.stopPropagation();
//do something
});
版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创 转载请注明:出处来自田珊珊个人博客 » 阻止冒泡行为方法总结
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注
U乐娱乐注册