小程序事件绑定

Posted 2020-10-10

　　跟JS不同，小程序没有click，hover等的事件，小程序封装了自己的事件如tap。下面来看看来看看小程序的时间绑定：

　　1.绑定事件的两个方法：bind/catch+事件=‘function‘

　　wxml文件中：

<view class=‘moto-container‘ bindtap="onTap">

　　JS文件中：

onTap:function(){

//隐藏当前页面

// wx.navigateTo({

// url: ‘../post/post‘,

// });

 //关闭当前页面

wx.redirectTo({

url: ‘../post/post‘,

});

}

效果如图：

 

 

当我们点击图一中的按钮时，将会跳转到下一个页面。PS，最多只能有5个子页面。

 

 还有一点注意，冒泡事件和非冒泡事件，冒泡事件指的是，子元素中的事件触发将会引发父元素中事件的触发（假设父元素的事件能触发）。非冒泡则是子元素不影响父元素。

使用bind会有冒泡事件，catch方法则不会。