mui方式获取对象，jquery对象，dom对象添加addEventListener事件

最新推荐文章于 2025-03-09 22:45:00 发布
最新推荐文章于 2025-03-09 22:45:00 发布
阅读量2.2k 收藏 1
点赞数
分类专栏： 手机app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lieyanhaipo/article/details/78979626
版权

操作addEventListener的对象必须是dom对象，不能是jquery对象，因此不能通过$("xx")方式操作

使用mui('xx')这样获取的是一个集合，不能直接addEventListener，要么document.getelementbyid.要么mui('xx')[0],要么document.queryseletor('xxx').

可以参考文章jquery对象和dom对象的区别：http://blog.youkuaiyun.com/zc474235918/article/details/50300411

[webAPP项目]基于MUI框架webAPP开发功能流程之引导图制作详解01
图解AI
11-27 1万+
前言 我们在构建一个APP时,少不了APP运行前的开机引导图,现在来详细介绍一下MUI框架关于这一操作的详细步骤! 原理 如果用户第一次下载使用该软件,就显示引导图;如果非第一次使用,则跳过这一步. 效果 在正式介绍之前首先要明白几个概念概念1 页面初始化1.mui.plusReady()方法语法:mui.plusReady(function); 参数:是函数在app开发中，若要使用
mui的索引列表插件-增加热门城市
lorena0928的博客
03-09 8035
mui的索引列表插件的使用：动态数据绑定以及顶部搜索 并增加热门城市       页面中需要引入的文件。搜索框的样式移动到了header部分了。搜索框搜索完内容之后再点击清除按钮，然后点击字母索引会出现列表卡顿现象，请参照js里边注释的两行。搜索过内容清空后，会出现点击索引搜索时，搜索框一直聚焦，大家可自行进一步修改。并且搜索框的搜索只显示有数据的列表。希望大家进一步优化。有问题请指正。
uniapp如何在手机端自定义操作DOM节点事件
毅哥哥的博客
04-06 4956
uniapp在真机上运行时是不支持js节点操作的； 我可能描述的不一定对，但是功能已经实现，欢迎指正 在uniapp官网API中有介绍 renderJS功能有两个即提高交互能力和操作DOM； 下面是我的节点拖拽功能的实现； //这是要操作的哪个节点（touchstart是鼠标按下事件）注意 //的是方法move要在renderJS <view @touchstart="renderjs.move" > 在当前vue文件另写script标签写renderJS里的事件 <script m
mui选择器和dom获取元素的区别（记得把mui对象转为dom对象才能调用用dom方法）...
weixin_34334744的博客
09-01 1499
  &lt;!DOCTYPE html&gt;&lt;html&gt; &amp;lt;head&amp;gt;&amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;gt;&amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width,in
JQuery知识
2503_90189180的博客
03-09 1865
JavaScript中我们已经学习过了事件，jQuery对JavaScript事件进行了封装，增加并拓展了事件处理机制。jQuery不仅提供了更加优雅的事件处理语法，而且极大的增强了事件的处理能力。
mui 获取当前页面的窗口对象
qq_48957847的博客
09-15 435
个人记录
MUI addEvenListener和on 的用法区别
heartOfblack 离开了电脑，我不希望我还有病
03-07 5035
MUI中存在N种手势事件 包括：（因为MUI是为移动APP为前提开发的。所以触发事件如：tap单点单击是无法再PC端触发的，如果需要修改。将TAP改成CLICK即可） 分类 参数 描述 点击 tap 单击屏幕 doubletap 双击屏幕 长按 longtap 长按屏幕 hold 按住屏幕 release 离开
UI获取元素的几种方式
查拉图斯特拉面条的博客
02-03 254
通过浏览器驱动获取页面元素的8种方式。 定位方法： 　　通过webdriver对象的find_element方法 通过 id获取元素 el = driver.find_element(By.ID,'id') 通过 name获取元素 el = driver.find_element(By.NAME,'name') 通过 className获取元素 el = driver.find_elem...
``` mui('#it2').on('tap','.ant',function(){ let sx = null const nl = $(`<div class="xbj"> <div class="xxbj">学习笔记</div> <div class="scbj">删除</div> </div> <div class="bnr sj"></div> <div class="jdm"> <img src="./images/add.png" class="adnt"> <div class="bzt ll">编辑笔记</div> </div>`) $('.item1').append(nl) $('.an').addClass('yc') sx ={ xst: nl.find('.sj'), } mui.openWindow('xjls.html','xjls.html',{}) window.addEventListener('sbc',function(et){ if (sx) { sx.xst.innerHTML = et.detail.title; sx = null; } })```让sj添加内容
最新发布
03-20
- 直接操作DOM元素而非jQuery对象，减少依赖。 ### 验证步骤 1. **检查元素插入**：在浏览器开发者工具中查看`.item1`下是否生成新结构。 2. **确认事件触发**：在`xjls.html`保存时调用`parent.onSave("测试内容")...
MUI框架开发HTML5手机APP(一)--搭建第一个手机APP
weixin_34235371的博客
11-14 910
  前  言 JRedu 　随着HTML5的不断发展，移动开发成为主流趋势！越来越多的公司开始选择使用HTML5开发手机APP，而随着手机硬件设备配置的不断提升，各种开发框架的不断优化，也使着H5开发的混合APP的体验越来越趋于原生！那么在本系列博客中，我们就来一探H5开发APP的神秘面纱吧~~ 一、 移动APP项目搭建 ...
js 显示/隐藏某些列
07-26
6. **工具和库**：虽然可以纯用JavaScript来实现，但现代Web开发中常使用jQuery、React、Vue等库或框架，它们提供了更方便的API来操作DOM，例如jQuery的`hide()`和`show()`方法。 7. **响应式设计**：在移动设备上...
在使用vue swiper 下 mui时间选择 addEventListener 点击失效
swusn的博客
05-15 411
在使用vue swiper 下 mui时间选择 addEventListener 点击失效 我的解决办法是 直接去掉 btn.addEventListener(‘tap’, function() {}, false); 因为去掉了点击，所以只会已加载就只执行一次，于是再写一个调用，就好了 html代码： <span @click="DatePicker()" id='result' data-options='{"type":"date"}' class="btn mzq-color3">
mui html 转dom,mui选择器和dom获取元素的区别（记得把mui对象转为dom对象才能调用用dom方法）...
weixin_29549747的博客
06-19 487
div1div2div3console.log(mui('div')[0].innerHTML);//mui做dom操作必须先加【0】转为dom元素console.log(mui('input')[0].value);//mui括号里的可以是id、标签、class属性//getartvar lui=mui('input')[0];//mui方式获取input对象console.log(lui....
MUI事件管理
TaoLee
12-15 1275
官方文档事件绑定1addEventListener()elem.addEventListener("swipeleft",function(){ console.log("你正在向左滑动"); });2.on()mui(".mui-table-view").on('tap','.mui-table-view-cell',function(){ //获取id var id = thi
DOM使用addEventListener()
hjy170314的博客
06-21 600
addEventListener() 给元素添加事件，用来指定元素添加事件句柄 可以使用 removeEventListener()来移除 addEventListener()添加的事件句柄 element.addEventListener(event,function,useCapture) 注释： event: 事件名，不可省略,这里不需要"on"前缀，直接写“click"即可 function：指定事件需要执行的函数 useCapture: 布尔值，指定事件是否在捕获或冒泡阶段执行
uniapp移动端如何操作dom
weixin_52707625的博客
07-21 3282
/ 往service层发送信息callMethod(service中的方法名，数据)// 原本的script，也称为service层。// service中修改内容触发该方法。"接受到renderjs的数据：""这里是renderjs""status触发修改""我是renderjs"
将mui对象转化为dom对象
Academia_zhen的博客
02-14 1193
mui获取元素类似与jQuery，但在jQuery中通过获取id名而获取到的元素是唯一的 而在mui中无论通过id名还是类名等获取元素获取到的都是一个集合，因此不同通过mui('#XXX')转化为dom元素使用dom的方法，可使用如下方法: var obj1 = mui('#title'); var ojb2 = obj1[0];
mui给自定义对象新增键值对的方法
weixin_45932157的博客
03-01 354
var arry=["fansiNum","jishuAclassNum","MyInfo",![在这里插入图片描述](https://img-blog.csdnimg.cn/20200301144758881.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nL...
mui风格省市区查询js插件及jquery应用
5. **jQuery集成**：使用jQuery进行DOM操作和事件绑定，以提高代码的可读性和维护性。 ### 结语 综上所述，省市区查询插件为开发者提供了一种方便快捷的方法来实现地址选择功能。通过使用JSON和jQuery技术，开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值