MUI on绑定事件多次执行问题

最新推荐文章于 2021-08-29 10:09:09 发布
最新推荐文章于 2021-08-29 10:09:09 发布
阅读量4.6k 收藏 4
点赞数 3
分类专栏： MUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25027593/article/details/83383338
版权

1.可能是同时引用mui.js与mui.min.js;

2.可能多次注册了on事件，解决方法如下：

//绑定前先注销事件
mui("li").off("tap");
//绑定事件
mui("li").on("tap", "p", function(e) {
})

 

iwusan
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
MUI：事件管理（一）
weixin_44548736的博客
06-09 494
作者：任铭基，撰写时间：2019年5月23日 1、事件绑定 除了可以使用addEventListener()方法监听某个特定元素上的事件外， 也可以使用.on()方法实现批量元素的事件绑定。 .on( event , selector , handler ) event Type: String 需监听的事件名称，例如：‘tap’ selector Type: String 选择器 handler...
MUI列表条目点击事件代码
03-04
MUI框架提供了`mui.init()`方法来初始化页面，并且可以使用`.on()`方法来绑定事件监听器。下面是一个示例代码： ```javascript mui.init({ swipeBack: true //开启右滑返回功能 }); // 绑定列表项点击事件 mui('....
mui 事件绑定（on）
weixin_34221036的博客
05-19 3028
除了可以使用addEventListener()方法监听某个特定元素上的事件外， 也可以使用.on()方法实现批量元素的事件绑定。 示例： 点击新闻列表，获取当前列表项的id，并将该id传给新闻详情页面，然后打开新闻详情页面 mui(".mui-table-view").on('tap','.mui-table-view-cell',function(){ //获取id var id =...
引用MUI框架时，给组件绑定 click()或tap事件，会连续触发两次导致显示异常的解决办法？
verylonglongago的博客
09-26 2646
【已解决】这是由于连续引用了两次 mui.min.js（或mui.js） 导致，保证在自定义的 JavaScript代码段之前，只引用过一次mui.min.js（或mui.js） 即可！
mui框架tap事件点击一次，执行两次
weixin_44010187的博客
09-18 1845
问题描述： 使用for循环遍历，我将拼接的HTML语句拼接到页面上，绑定class属性，如本文中icon_button，接下来最坑的就是tap事件最坑的时候，我一直在js中寻找为什么点击一次执行两次的原因，然而并没有找到 mui("#orderList").on("tap", ".icon_button", function (e) { console.log("-------------...
mui点击事件失效
大海无量的博客
01-31 6910
                $('ul').on('click','li',function(){                                          console.log("2.点击lu中的li");                     //alert("2.点击lu中的li");                     var topicId=$(thi...
mui调用手机摄像头及多文件上传.zip
12-02
同时，为了实现图片的删除功能，你可以创建一个删除按钮，绑定点击事件，然后在事件处理函数中删除对应的文件引用。 5. **真机运行环境**：尽管可以在模拟器上进行大部分的开发和测试，但涉及到硬件交互如调用...
mui picker无法滑动和选项遮挡问题修复
07-05
同时，确保`mui.init()`方法已经正确执行，初始化了Picker组件。 3. **调整容器尺寸**：确认Picker容器的宽度和高度足够显示所有选项，并且不会超出屏幕范围。避免使用百分比宽度导致计算错误。 4. **修复布局问题...
VUE DOM加载后执行自定义事件的方法
12-10
在Vue.js应用中，我们经常需要在DOM加载后执行某些自定义事件，特别是在涉及到第三方库或者需要手动操作DOM的情况下。本篇文章将详细讲解如何在Vue中处理这种情况，以解决题目中遇到的问题。 首先，Vue.js提供了...
Mui事件绑定
soos的博客
03-29 2万+
通常我们对元素添加事件使用addEventListener()方法，但是，除了可以使用addEventListener()方法监听某个特定元素上的事件外， 也可以使用 on()方法实现批量元素的事件绑定。on( event , selector , handler ) 1. .on( event , selector , handler ) event：Type: String
css-mui方法
jieweiwujie的博客
08-29 323
mui.init(); //mmon mui('').on('tap','',function(){ }) //mmof 消对应选择器上特定事件所执行的特定回调 mui('').off('tap','',function(){ }) //点击li时，上的所有函数均不再执行 ...
mui采坑总结
yw00yw的博客
10-17 586
mui(‘选择器’).on(‘事件名’, ‘目标选择器(子选择器)’, function(){})事件绑定坑 使用mui获取元素用on绑定事件的时候，如果目标选择器和mui选择器，即是两者都是当前元素，绑定失败。 mui的绑定仅支持事件委托，不支持当前元素绑定，当前元素绑定请直接使用addEventListener,removeEventListener 案例 <li id="a...
MUI addEvenListener和on 的用法区别
heartOfblack 离开了电脑，我不希望我还有病
03-07 4956
MUI中存在N种手势事件 包括：（因为MUI是为移动APP为前提开发的。所以触发事件如：tap单点单击是无法再PC端触发的，如果需要修改。将TAP改成CLICK即可） 分类 参数 描述 点击 tap 单击屏幕 doubletap 双击屏幕 长按 longtap 长按屏幕 hold 按住屏幕 release 离开
MUI 页面传递参数（父传子）
Mr-k的博客
08-29 3477
MUI的页面参数，这里使用的是官方的配置写法，通过打开新页面进行传递参数 1.需要传递的 HTML+JS 去了下一页面 问天下 var txt = $(".aa").text(); $(".qu").on('tap',function(){ mui.openWind
MUI踩过的一些坑
不知不觉 | 笔记
04-18 1万+
1使用了下拉刷新后     这里面的内容，所有的a标签都的href都无法正常跳转，div，span，a ，i  等等这些标签里面的onlick 事件和 click 都无法执行。只有在button上面绑定click事件是可以执行的，或者绑定mui的tap事件。 mui.ready(function() { mui(document).on('tap','#call',function(){
处理mui使用下拉刷新页面模板时，容器内的带参数的onclick事件没有触发问题
qq_26369317的博客
09-12 1130
在使用mui的下拉刷新和加载更多模板时，发现容器里面的onclick事件或者a超链接事件失效； 因为 mui相关的一些控件是通过拦截a标签上的href来实现的，所以mui.js会阻止a标签上的href跳转，因此需使用JS对标签添加事件监听。 因此可以使用 top方法进行点击监听； 如下 mui('body').on('tap','#addApplyCard',function(){ ...
Javascript(jQuery)中绑定页面上所有按钮点击事件的几种方式
https://github.com/JelinYao
10-12 2万+
方法一：使用document对象查找所有的按钮 //按照dom的方式添加事件处理 function BindByDom() { try{ var htmlBtns = document.getElementsByTagName('button');//获取HTMLCollection对象集合
mui input 唤醒监听问题
qq_38110067的博客
06-28 385
最近做mui系统时,需要动态生成dom,这时候涉及到一个问题基础控件不生效 需要重新唤醒基础控件 mui(".mui-input-clear").input();
总结oninput、onchange与onpropertychange事件的用法和区别
热门推荐
freshlover的专栏
09-04 10万+
前端页面开发的很多情况下都需要实时监听文本框输入，比如腾讯微博编写140字的微博时输入框hu9i动态显示还可以输入的字数。过去一般都使用onchange/onkeyup/onkeypress/onkeydown实现，但是这存在着一些不好的用户体验。比如onchange事件只在键盘或者鼠标操作改变对象属性，且失去焦点时触发，脚本触发无效；而onkeydown/onkeypress/onkeyup在处
mui 事件绑定 传参
最新发布
07-13
在 MUI (Material-UI) 中，可以使用 `onClick` 属性来绑定事件，并且可以通过使用箭头函数来传递参数。 例如，假设我们有一个按钮组件 `<Button />`，我们想要在点击按钮时传递一个参数 `id`： ```jsx import ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值