美文网首页
微信小程序 阻止事件冒泡

微信小程序 阻止事件冒泡

作者: 此生唯一自传 | 来源:发表于2019-05-28 20:31 被阅读0次

在小程序开发中也存在着事件冒泡的情况,有时候很影响我们的代码逻辑,然而处理事件冒泡也很简单,我们只需要把子控件的bindtap方法改为catchtap方法即可解决。

因为:

bind事件绑定不会阻止冒泡事件向上冒泡

catch事件绑定可以阻止冒泡事件向上冒泡

注意:

如果想阻止input等控件的触摸穿透产生冒泡,只需要如下处理:

<input  bindinput='getText'  catchtap="proventD"></input>

JS文件中:

proventD:function(){

  }

相关文章

  • 微信小程序 阻止事件冒泡

    在小程序开发中也存在着事件冒泡的情况,有时候很影响我们的代码逻辑,然而处理事件冒泡也很简单,我们只需要把子控件的b...

  • 微信小程序阻止事件冒泡

    在测试小程序的时候,发现了这样的一个bug,点击子元素事件d的时候触发父元素的点击事件,从而执行父级的点击事件,跳...

  • 微信小程序:冒泡事件及其阻止

    bindtap 改为 catchtap 即可详见:https://blog.csdn.net/qq_360025...

  • 微信小程序绑定事件解析

    小程序点击事件有两种bindtap和catchtap,前者不会阻止冒泡事件向上冒泡,后者则可以阻止向上冒泡。 1....

  • 小程序阻止事件冒泡

    小程序的事件冒泡:将事件的 bind 改成 catch,catch 可以阻止事件的冒泡行为bindtap => c...

  • 小程序 阻止冒泡事件

    其实很简单!!! 事情的bind 改成 catch bind 是阻止不了冒泡的 例如 bindtap 改成 ...

  • 微信小程序 事件响应

    返回目录 微信小程序中事件分为冒泡事件和非冒泡事件: 冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。...

  • 微信小程序中bind和catch的区别

    bindtap 冒泡事件,事件绑定不会阻止冒泡事件向上冒泡catchtap 非冒泡事件, 事件绑定阻止冒泡事件...

  • wepy基础知识

    1、bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。https://deve...

  • stopPropagation和stopImmediatePro

    都可以阻止事件冒泡(子元素向父元素冒泡) stopImmediatePropagation阻止事件冒泡并且阻止相同...

网友评论

      本文标题:微信小程序 阻止事件冒泡

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