美文网首页微信小程序
4-11 小程序的事件机制(冒泡与非冒泡)下

4-11 小程序的事件机制(冒泡与非冒泡)下

作者: 留白_汉服vs插画 | 来源:发表于2017-11-20 18:19 被阅读25次

    知识点1、wx.navigateTo 完整的方法:

    wx.navigateTo({

        url:'', //指定跳转的路径

        success:function(res) {}, //跳转成功后执行这个函数

        fail:function(res) {},  //跳转失败执行这个函数

        complete:function(res) {},  //无论成败,执行这个

    })

    看一下提供的几个函数,第一个是跳转成功的时候执行的函数,第二个是跳转失败的时候可以执行的函数,第三个是跳转完成时候执行的函数。

    同理关于

    wx.redirectTo({

        url:'',

        success:function(res) {},

        fail:function(res) {},

        complete:function(res) {},

    })

    也有类似的函数。

    知识点2、冒泡非冒泡事件

    如果一个view元素包裹着一个text元素的话,view采用的是bindtap绑定事件,然后这个事件执行事件1(onContainerTap),被包裹的元素text 也是bindtap绑定一个事件,执行事件2(onSubTap),那么点击text元素的时候(注意是只在文字上点击),先执行了事件2(onSubTap),后执行了事件1 (onContainerTap)。 这个过程就是事件冒泡。

    小程序大多数事件都是冒泡事件,如果容器上有监听元素,就后执行。只有少数如input,submit 不是冒泡事件。

    但是如果只想执行子元素上的事件,不想执行父元素上的事件,通过下面的方法。

    知识点3、阻止冒泡

    绑定事件的时候通过catchTap,就可以只执行点击元素,不冒泡。

    相关文章

      网友评论

        本文标题:4-11 小程序的事件机制(冒泡与非冒泡)下

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