Kronos Kronos
首页
导航站
  • 前端文章

    • HTML
    • CSS
  • 学习笔记

    • 《JavaScript》
    • 《ES6 教程》
    • 《Vue》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • 《MUI》
    • 小程序笔记
  • Nodejs
  • C#
  • 数据库
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Kronos

纵有疾风起,人生不言弃
首页
导航站
  • 前端文章

    • HTML
    • CSS
  • 学习笔记

    • 《JavaScript》
    • 《ES6 教程》
    • 《Vue》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • 《MUI》
    • 小程序笔记
  • Nodejs
  • C#
  • 数据库
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • UI组件

  • 杂记

    • mui主动触发 tap 事件
    • mui 设置方形复选框样式
    • mui 点击 tab 报错
    • mui 获取单选&复选的值
    • modal 弹出效果-从右到左
    • mui滚动条与textarea自身滚动冲突
    • mui输入框防止页面回滚
  • 《MUI》笔记
  • 杂记
Kronos
2023-12-08

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

第三个参数是可选的

业务中经常遇到点击别的元素触发图片预览:

var img = $('img')[0];
$('span').on('click',function(){
    mui.trigger(img, 'tap')
})
1
2
3
4
编辑 (opens new window)
#mui
上次更新: 2024/11/27, 05:34:36
tab选项卡
mui 设置方形复选框样式

← tab选项卡 mui 设置方形复选框样式→

最近更新
01
使用 API 调用训练后的 DeepSeek
02-10
02
DeepSeek本地训练
02-08
03
DeepSeek本地部署
02-08
更多文章>
Theme by Vdoing | Copyright © 2023-2025 Kronos | 豫ICP备2021038004号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式