MUI:事件管理(一)

本文介绍了MUI中事件管理的两个关键操作:事件绑定和事件取消。使用.on()方法可以批量绑定事件,例如监听新闻列表的点击事件并传递参数。事件取消则可以通过.off()方法实现,支持按事件名、选择器和回调函数精确解除绑定,或者全部取消绑定。文中提供了多个示例来说明不同用法。
摘要由CSDN通过智能技术生成

1、事件绑定
除了可以使用addEventListener()方法监听某个特定元素上的事件外, 也可以使用.on()方法实现批量元素的事件绑定。
.on( event , selector , handler )
event
Type: String
需监听的事件名称,例如:‘tap’
selector
Type: String
选择器
handler
Type: Function( Event event )
事件触发时的回调函数,通过回调中的event参数可以获得事件详情
示例:
点击新闻列表,获取当前列表项的id,并将该id传给新闻详情页面,然后打开新闻详情页面
mui(".mui-table-view").on(‘tap’,’.mui-table-view-cell’,function(){
//获取id
var id = this.getAttribute(“id”);
//传值给详情页面,通知加载新数据
mui.fire(detail,‘getDetail’,{id:id});
//打开新闻详情
mui.openWindow({
id:‘detail’,
url:‘detail.html’
});
})
2、事件取消
使用on()方法绑定事件后,若希望取消绑定,则可以使用off()方法。 off()方法根据传入参数的不同,有不同的实现逻辑。
.off( event , selector , handler )
event
Type: String
需取消绑定的事件名称,例如:‘tap’
selector
Type: Stri

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值