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

知识点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 小程序的事件机制(冒泡与非冒泡)下)