js阻止冒泡写法

小问题

  在写表单的时候,有个button获取验证码,其对应有段span显示Vue数据绑定的反馈信息

  表单给了任意点击就清空反馈信息的监听事件,导致在button触发显示不出反馈信息

  但是,原本的表单的提交并不会触发清空的监听事件,没仔细琢磨什么原因

  反正这里就需要将获取验证码时候的button事件添加阻止冒泡即可。

Vue写法:添加".stop"即可

@click.stop="getEmailcode"

Js写法:

不使用@click,改用获取dom中的组件并添加监听事件:

.addEventListener("click",(e)=>{
      //   e.stopPropagation();//阻止冒泡
}

学习于:here

【Over】

posted @ 2022-09-01 15:13  Renhr  阅读(41)  评论(0)    收藏  举报