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

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

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

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

可以参考文章jquery对象和dom对象的区别：http://blog.csdn.net/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 7952
mui的索引列表插件的使用：动态数据绑定以及顶部搜索 并增加热门城市       页面中需要引入的文件。搜索框的样式移动到了header部分了。搜索框搜索完内容之后再点击清除按钮，然后点击字母索引会出现列表卡顿现象，请参照js里边注释的两行。搜索过内容清空后，会出现点击索引搜索时，搜索框一直聚焦，大家可自行进一步修改。并且搜索框的搜索只显示有数据的列表。希望大家进一步优化。有问题请指正。
uniapp移动端如何操作dom
最新发布
weixin_52707625的博客
07-21 2875
/ 往service层发送信息callMethod(service中的方法名，数据)// 原本的script，也称为service层。// service中修改内容触发该方法。"接受到renderjs的数据：""这里是renderjs""status触发修改""我是renderjs"
mui选择器和dom获取元素的区别（记得把mui对象转为dom对象才能调用用dom方法）...
weixin_34334744的博客
09-01 1471
  <!DOCTYPE html><html> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,in
mui 获取当前页面的窗口对象
qq_48957847的博客
09-15 356
个人记录
MUI addEvenListener和on 的用法区别
heartOfblack 离开了电脑，我不希望我还有病
03-07 4972
MUI中存在N种手势事件 包括：（因为MUI是为移动APP为前提开发的。所以触发事件如：tap单点单击是无法再PC端触发的，如果需要修改。将TAP改成CLICK即可） 分类 参数 描述 点击 tap 单击屏幕 doubletap 双击屏幕 长按 longtap 长按屏幕 hold 按住屏幕 release 离开
UI获取元素的几种方式
查拉图斯特拉面条的博客
02-03 163
通过浏览器驱动获取页面元素的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框架开发HTML5手机APP(一)--搭建第一个手机APP
weixin_34235371的博客
11-14 864
  前  言 JRedu 　随着HTML5的不断发展，移动开发成为主流趋势！越来越多的公司开始选择使用HTML5开发手机APP，而随着手机硬件设备配置的不断提升，各种开发框架的不断优化，也使着H5开发的混合APP的体验越来越趋于原生！那么在本系列博客中，我们就来一探H5开发APP的神秘面纱吧~~ 一、 移动APP项目搭建 ...
js 显示/隐藏某些列
07-26
6. **工具和库**：虽然可以纯用JavaScript来实现，但现代Web开发中常使用jQuery、React、Vue等库或框架，它们提供了更方便的API来操作DOM，例如jQuery的`hide()`和`show()`方法。 7. **响应式设计**：在移动设备上...
图片悬浮拖动特效
09-20
1. **事件监听**：通过`addEventListener`方法，我们可以为图片元素添加事件监听器，捕捉用户的鼠标行为。例如，当鼠标进入图片区域时触发`mouseover`事件，开始监听`mousemove`事件。 2. **计算偏移量**：在`...
在使用vue swiper 下 mui时间选择 addEventListener 点击失效
swusn的博客
05-15 372
在使用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 451
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 1210
官方文档事件绑定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 548
addEventListener() 给元素添加事件，用来指定元素添加事件句柄 可以使用 removeEventListener()来移除 addEventListener()添加的事件句柄 element.addEventListener(event,function,useCapture) 注释： event: 事件名，不可省略,这里不需要"on"前缀，直接写“click"即可 function：指定事件需要执行的函数 useCapture: 布尔值，指定事件是否在捕获或冒泡阶段执行
uniapp如何在手机端自定义操作DOM节点事件
毅哥哥的博客
04-06 4743
uniapp在真机上运行时是不支持js节点操作的； 我可能描述的不一定对，但是功能已经实现，欢迎指正 在uniapp官网API中有介绍 renderJS功能有两个即提高交互能力和操作DOM； 下面是我的节点拖拽功能的实现； //这是要操作的哪个节点（touchstart是鼠标按下事件）注意 //的是方法move要在renderJS <view @touchstart="renderjs.move" > 在当前vue文件另写script标签写renderJS里的事件 <script m
将mui对象转化为dom对象
Academia_zhen的博客
02-14 1152
mui获取元素类似与jQuery，但在jQuery中通过获取id名而获取到的元素是唯一的 而在mui中无论通过id名还是类名等获取元素获取到的都是一个集合，因此不同通过mui('#XXX')转化为dom元素使用dom的方法，可使用如下方法: var obj1 = mui('#title'); var ojb2 = obj1[0];
mui给自定义对象新增键值对的方法
weixin_45932157的博客
03-01 308
var arry=["fansiNum","jishuAclassNum","MyInfo",![在这里插入图片描述](https://img-blog.csdnimg.cn/20200301144758881.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nL...
JavaScript addEventListener()事件监听方法
weixin_47257428的博客
04-29 410
addEventListener()方法将事件处理程序附加到指定的元素。 addEventListener()方法将事件处理程序附加到元素，而不覆盖现有的事件处理程序。 您可以向一个元素添加许多事件处理程序。您可以向一个元素添加许多相同类型的事件处理程序，即两个“单击”事件。 您可以将事件侦听器添加到任何DOM对象，而不仅仅是HTML元素。即window对象。 addEventListener()方法可以更容易地控制事件对冒泡的反应。 使用addEventListener()方法时，JavaScript与H
mui与jQuery集成教程：序列化、校验与前后台交互
在移动开发中，有时我们需要在基于MUI的项目中使用jQuery库来增强DOM操作和事件处理。以下是如何在MUI项目中集成jQuery及其相关功能的详细步骤： 一、引包 集成jQuery首先需要引入相应的JS文件。这通常通过在HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值