mui主动触发 tap 事件
有时候我们不会直接触发元素的点击,会通过点击别的元素来触发另一个元素的点击事件
在 PC 端我们可以直接使用 $(el).click();
mui 提供有自己的主动触发事件:
mui.trigger( element , event , data )
字段 | Type/Value | 备注 |
---|---|---|
element | Type:Element | 触发事件的DOM元素 |
event | Type:String | 事件名字,例如:'tap'、'swipeleft' |
data | Type:Object | 需要传递给事件的业务参数 |
var btn = document.getElementById("submit");
//监听点击事件
btn.addEventListener("tap",function (e) {
console.log(e.detail.flag);//clear
});
//触发submit按钮的点击事件
mui.trigger(btn,'tap',{ 'flag': 'clear' });
1
2
3
4
5
6
7
2
3
4
5
6
7
第三个参数是可选的
业务中经常遇到点击别的元素触发图片预览:
var img = $('img')[0];
$('span').on('click',function(){
mui.trigger(img, 'tap')
})
1
2
3
4
2
3
4
编辑 (opens new window)
上次更新: 2024/01/10, 08:43:42