码迷,mamicode.com
首页 > 其他好文 > 详细

Vue event.stopPropagation()和event.preventDefault()的使用

时间:2019-12-23 13:34:01      阅读:415      评论:0      收藏:0      [点我收藏+]

标签:pre   opp   浏览器   用法   标签   vue   意思   点击   事件   

定义和用法

1. event.stopPropagation()方法

 阻止事件冒泡到父元素,阻止任何父事件处理程序被执行,但是它的默认事件仍然会执行。当调用这个方法的时候,如果点击了一个链接(a标签),这个链接仍然会打开。

 

2. event.preventDefault()方法

 阻止元素发生默认的行为。调用此方法链接(a标签)不会被打开,但是会冒泡到父元素上。

例如:

  (1). 当点击提交按钮时阻止对表单的提交

  (2). 阻止 URL 的链接(意思是如果点击一个a标签,浏览器不会跳到新的 URL 里面去)

Vue event.stopPropagation()和event.preventDefault()的使用

标签:pre   opp   浏览器   用法   标签   vue   意思   点击   事件   

原文地址:https://www.cnblogs.com/Awen71815iou/p/12082879.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!