美文网首页
阻止事件冒泡和浏览器默认事件

阻止事件冒泡和浏览器默认事件

作者: qhaobaba | 来源:发表于2017-06-10 20:34 被阅读0次

1.通过返回false来取消默认的行为并阻止事件冒泡。

$("form").bind(

"submit",

function() {

return false;

}

);

2.通过使用 preventDefault() 方法只取消默认的行为。

$("form").bind(

"submit",

function(event){

event.preventDefault();

}

);

3.通过使用 stopPropagation() 方法只阻止一个事件冒泡。

$("form").bind(

"submit",

function(event){

event.stopPropagation();

}

);

总结一下:

1.一个事件起泡对应触发的是上层的同一事件

特殊:如果设置双击事件,那么在你单击的时候就会冒泡触发单击的事件

(双击包含单击)。

2.如果在click事件中,在你要处理的事件之前加上e.preventDefault();

那么就取消了行为(通俗理解:相当于做了个return操作),不执行之后的语句了。

3.e.stopPropagation()只要在click事件中,就不会触发上层click事件。

相关文章

网友评论

      本文标题:阻止事件冒泡和浏览器默认事件

      本文链接:https://www.haomeiwen.com/subject/rmjcqxtx.html