MUI：事件管理（一）

最新推荐文章于 2024-05-16 00:19:21 发布

原创

最新推荐文章于 2024-05-16 00:19:21 发布 · 614 阅读

0 ·

CC 4.0 BY-SA版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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: String
选择器
handler
Type: Function
之前绑定到该元素上的事件函数，不支持匿名函数
.off( event , selector)
event
Type: String
需取消绑定的事件名称，例如：‘tap’
selector
Type: