mui longtap 事件无效

最新推荐文章于 2023-07-27 20:53:07 发布

weixin_33863087

最新推荐文章于 2023-07-27 20:53:07 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tongbiao/p/9952943.html

本文详细介绍了MUI框架中手势配置的使用方法，特别是如何开启默认关闭的长按事件。通过在初始化过程中设置gestureConfig参数，可以轻松启用或禁用各种手势事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.mui 的部分事件默认是关闭的需要在init中单独配置事件开关

    mui.init({
      gestureConfig: {
        longtap: true, //默认为false
      }
    })

转载于:https://www.cnblogs.com/tongbiao/p/9952943.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33863087

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

MUI：事件管理（一）

weixin_44548736的博客

06-09

614

作者：任铭基，撰写时间：2019年5月23日 1、事件绑定除了可以使用addEventListener()方法监听某个特定元素上的事件外，也可以使用.on()方法实现批量元素的事件绑定。 .on( event , selector , handler ) event Type: String 需监听的事件名称，例如：‘tap’ selector Type: String 选择器 handler...

HTML应用开发基础篇 - MUI 框架（三）MUI 事件与窗口管理

徐小mu的博客

04-04

1108

目录 1、事件 2、窗口管理 1）、打开窗口 | 关闭窗口 2）、加载子页面 | 预加载页面 3）、下拉刷新 | 上拉加载 4)、数据交互 1、事件 MUI 内置了常用的手势事件，具体如下表：事件绑定方法： (1) 选择器.addEventListener(“event”,function) ；(2) mui(选择器).on() ：可实现批量元素的事件绑定，参数：.on(...

参与评论您还未登录，请先登录后发表或查看评论

uni-app 长按事件无法被页面滚动或滑动阻止问题解决

chenyu-max

12-03

3204

问题描述 uni-app 中长按事件使用的是 @longpress或者 @longtap 需要触发该事件的 element 位于一个能够上下滚动的页面中长按的元素在长按期间有页面滚动或者页面滑动时不触发长按解决 @longpress或者 @longtap这两个事件的触发时间是在 350ms 查阅了一些资料，发现无法更改这两个事件的触发时间所以我们希望在长按触发前如果有页面滑动或者滚动时阻止长按触发有这么一个事件 @touchmove 其功能描述如下手指触摸后移动解决代码 <te

mui longtap 长按事件

qq_37336238的博客

08-28

1496

1，打开事件 mui.init({ gestureConfig:{ longtap: true, //默认为false } } 2，事件绑定 mui('body').on('longtap','.myTap',function(){ console.log(JSON.stringify(this.getAttribute('targer')) ) } 3,页面绑定 <span class="MyTap" :target='abc' >.

使用mui实现长按保存图片

weixin_30437481的博客

07-03

261

转自：https://blog.youkuaiyun.com/qq_36676237/article/details/81533124 首先初始化mui（longtap是我们要用到的，longtap默认为false，如果没有初始化为true，则长按事件无效） mui.init( { gestureConfig:{ tap: true, //默认为true...

h5与mui开发app标题的滑动实现和样式追踪

weixin_30247781的博客

11-29

231

mui.init({ gestureConfig: { longtap: true //默认为false }, swipe:true, //启用右滑关闭功能 pullRefresh : { container:".mui-scroll-wrapper",//下拉刷新容器标识，querySelector能定位的css选择器均可，...

移动端复制文字到剪切板上(html5plus,h5+)

whicce的博客

02-19

832

export function copyText(text) { if (plus.os.name == "Android") { var Context = plus.android.importClass("android.content.Context"); var main = plus.android.runtimeMainActivity(); var clip = main.getSystemService(Context.CLIPBOARD_SERVICE);

MUI列表条目点击事件代码

03-04

MUI框架提供了`mui.init()`方法来初始化页面，并且可以使用`.on()`方法来绑定事件监听器。下面是一个示例代码： ```javascript mui.init({ swipeBack: true //开启右滑返回功能 }); // 绑定列表项点击事件 mui('....

MUI软键盘输入后点击触发搜索按钮事件

zhangsan164的博客

07-27

1122

MUI软键盘输入后点击触发搜索按钮事件

MUI整合上拉下拉的写法

08-28

MUI作为一个流行的前端框架，为开发者提供了简便的方式来整合这两种常用的交互方式。本文将详细介绍MUI整合上拉下拉刷新功能的写法，帮助开发者在移动应用中实现这一重要功能。首先，让我们了解一下什么是上拉下拉...

mui长按保存

lingdian1614114082的博客

07-04

503

首先初始化mui（longtap是我们要用到的，longtap默认为false，如果没有初始化为true，则长按事件无效） mui.init( { gestureConfig:{ tap: true, //默认为true doubletap: true, //默认为false longtap: true, //默认为false swipe: true, //默认为true...

MUI各种手势事件：滑动、拖动、点击等

qq_31971935的博客

08-07

5550

MUI集成了很多手势事件，单击、长按、滑动等等。点击事件： 1. tap 单击屏幕 2. doubletap 双击屏幕长按事件： 1. longtap 长按屏幕 2. hold 按住屏幕（为什么我想起了顶住屏幕）。。。 3.release 离开屏幕滑动事件： 1. swipeleft 向左滑动 2. swiperight 向右滑动 3. swipeup 向上滑动 4. sw

通过JS设置MUI中Switch开关的状态

Puzhi的专栏

01-08

7350

MUI官方文档中只说了toggle()函数可以切换开关的状态，并未提及如何通过js直接设置开关的初始状态。实际上开关是否开启，是通过开关div上的mui-active样式类来控制的，即如果有这个样式类则开关处于打开状态，否则为关闭。于是可以通过JS维护classList即可，HTML代码如下： <div class="mui-switch mui-switch-blue mui-switch...

longTap()方法：用于长按按钮使其产生一些效果

qq_29704567的博客

04-12

3921

对于长按按钮，这里有一个方法可以达到这个效果：.longTap()方法。这是zepto的touch.js里的一个方法例子： $('.welcome').longTap(function() { console.log("已长按"); }); 这时,只要长按.welcome这个按钮，就会打印出"已长按"这仨字 ...

如何实现swipe、tap、longTap等自定义事件

weixin_34124651的博客

03-03

420

前言移动端原生支持touchstart、touchmove、touchend等事件，但是在平常业务中我们经常需要使用swipe、tap、doubleTap、longTap等事件去实现想要的效果，对于这种自定义事件他们底层是如何实现的呢？让我们从Zepto.js的touch模块去分析其原理。您也可以直接查看touch.js源码注释源码仓库原文链接事件简述 Zepto的touch模块实...

模拟tap事件和longTap事件

weixin_30256901的博客

08-01

276

移动端模拟tap和longTap事件，基本原理就是在touchstart和touchend事件中，计算触摸的位移和时间差，位移在一定范围内(轻微滑动)，时间小于150ms为tap事件，时间大于300ms为longTap事件。 (function(){ var TOUCHSTART, TOUCHEND; if (typeof(window.ontouchsta...

html遍历安卓文件系统,mui初级入门教程（七）— 基于native.js的文件系统管理功能实现...

weixin_42362885的博客

06-10

510

文章来源：小青年原创发布时间：2016-08-01关键词：mui，nativejs，android前言这段时间以来一直有人问5+ sdk怎么在原生中集成，每次给了文档和没给没啥大区别，这部分人之所以不能根据文档写出想要的结果，无非有两种情况，一种对于原生完全懵逼，毕竟基于mui做APP毕竟前端还是占多数，而前端中熟悉原生的人毕竟是少数，很多人声称会原生哪里还会用h5，这话只能呵呵？就大趋势而言，应...

mui 设置剪贴板内容

zz18773042258的博客

11-01

801

首先需要开启长按事件 mui.init({ gestureConfig: { longtap:true, //默认为false } }); /** * 长按 */ mui('body').on('longtap','长按的的class',function(){ var text=this.innerText;//获取文本内容 if(text){//是否为空 setCop...

mui的tap事件不触发

技术熊的博客小窝

01-02

3386

我使用了mui的框架，生成App。在页面内绑定的事件 document.getElementById('login').addEventListener('tap', function(event) { //内容 }）当第一次运行的时候点击不起作用，但是内容稍作修改保存同步后就可以点击这个绑定的方式是没有问题的，最后排查到，我页面进入的方式是 window.location = "url...

MUI列表条目点击事件示例代码解析

例如，MUI框架支持使用原生JavaScript或jQuery来绑定事件处理函数。但在本例中，我们将使用原生JavaScript的`addEventListener`方法，因为它不依赖任何外部库，从而保持了代码的轻量级。示例代码可能会涉及以下几...