微信小程序长按事件

最新推荐文章于 2024-04-18 11:08:56 发布

璞~

最新推荐文章于 2024-04-18 11:08:56 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/qq_39702981/article/details/85322332

微信小程序专栏收录该内容

86 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文详细探讨了微信小程序中的长按事件`bindlongpress`，介绍如何在`.wxml`和`.js`文件中实现并处理该事件，以实现更丰富的交互体验。

微信小程序长按事件

bindlongpress="hide"

.wxml

    <view class='list' bindlongpress="hide">
      <view class='wen'>
        <view class='age'>
          <text class='age'>年龄：{{item.age}}</text>
          <text class='age'>电话：{{item.phone}}</text>
        </view>
      </view>
    </view>

.js

  //长按事件 
  hide: function () {

    console.log('长按事件')

  },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

璞~

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

微信小程序——同一控件的点击与长按事件共存的解决方案

不迁怒，不贰过。小知识，大智慧。

07-28

3322

方案一：使用bindtap和bindlongtap两个事件绑定不同的函数; 方案二：使用一个变量来判断事件类型.

微信小程序 - 点击事件与长按事件共存且不冲突（用户可长按可点击）

🏆 前端领域优质创作者

08-24

3664

前言对于同一控件同时设置bindtap和bindlongtap,会发现长按时先出现bindlongtap的事件，然后触发点击事件，显然这不是我们想要的。下面是个已实现功能的实例，请根据业务逻辑进行修改。 wxml  <button bindtouchstart="handleTouchStart" bindtouchend="handleTouchEnd" bindlongpress="handleLongPress"

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

微信小程序点击事件和长按事件

热门推荐

再起航！

08-21

2万+

微信小程序的点击、双击、长按事件

qq_40477864的博客

04-09

2万+

一、点击事件点击事件是最常用的事件，轻点即可触发事件，如果想要添加参数即可通过 data-加事件名的方式添加参数，通过 event参数的target.dataset.加事件名获取。我们来看看样例： wxml代码： <view class='container'> <button bindtap='test' data-name='tap'>bindtap...

微信小程序 长按事件删除图片

tanqingfu1的博客

01-30

4675

1：页面代码 <view class="uploader__files"> <block wx:for="{{images}}" wx:key="{{item.id}}" > <view class="uploader__file" bindlongpress="deleteImage" data-index="{{inde

微信小程序 按钮按顺序按下，长按清除

qq_45391544的博客

07-19

765

微信小程序 按钮依次打点以及长按短按效果预览与说明根据导师需求做一个微信小程序用于路径规划的可视化，其中一项功能是要依次打下ABCD四个点用于记录田块的边界。根据现实需求，需要做一个功能是：必须使得ABCD点是依次下发，不能乱了顺序，即A点结束后不能再打A点了，必须BCD依次打完，按下确定按钮后。才可以下一轮打点。同时考虑到可能A点打错了，想重新打，还做了一个长按清除功能。依次打点功能演示不按照顺序打点报警展示（我点了AB后又返回去打A点）长按A点触发其他事件，在现实中我是使得它可以再打点完整代

wxapp微信小程序长按拖拽排序+左滑删除.zip

最新发布

09-18

在当今移动互联网快速发展的背景下，微信小程序凭借其便捷性和高效性，成为开发者和用户青睐的平台之一。小程序提供的界面交互体验直接影响到用户的使用感受，其中列表项的交互设计尤为关键。长按拖拽排序和左滑删除...

微信小程序实现长按删除图片的示例

08-27

微信小程序实现长按删除图片的...本篇文章主要介绍了微信小程序实现长按删除图片的示例，包括长按事件的表示、获取当前长按元素的下标、删除元素、currentTarget和target的区别等知识点，希望对大家的学习有所帮助。

uniapp 微信小程序 长按删除图片

weixin_64103049的博客

10-24

765

uniapp 微信小程序 长按删除图片

微信小程序之点击事件

m0_59704905的博客

04-18

5539

微信小程序中常用的点击事件主要是tap，但除此之外还有其他的触摸类事件，用于不同的交互场景。

微信小程序——事件监听

TianXuab的博客

09-12

5949

在微信小程序中，事件监听是一种机制，用于捕获和处理用户触发的各种交互事件。通过事件监听，开发人员可以编写相应的代码来响应用户的操作，例如点击、滑动、输入等。事件监听的基本原理是将事件与特定的元素或组件关联起来，并绑定相应的回调函数，当该事件被触发时，回调函数会被执行。在小程序中，常见的事件包括tap（点击事件）、slide（滑动事件）、input（输入事件）等。为了实现事件监听，开发人员需要按照以下步骤进行操作：在模板文件（WXML）中，通过给元素或组件添加事件绑定属性，如bindtap。

解决，微信小程序触摸时长事件监听

qq_43789598的博客

11-23

865

解决，微信小程序触摸时长事件监听

微信小程序实现同时单击、双击、长按

houzhyan-博客

06-11

4476

要实现小程序的单击和长按事件比较简单，直接绑定微信提供的单击和长按事件就可以了，但是要一个组件同时支持单击和长按的操作，而这两个事件又不冲突就需要做一些额外的工作了。因为微信提供的长按事件如果同时绑定了单击事件，那么长按时也会触发单击事件。另外微信没有提供双击事件，所以双击需要自己实现。首先，需要在js中定义几个变量 // 触摸开始时间 touchStartTime: 0, // 触摸...

vue实现微信小程序长按删除搜索历史记录

weixin_66511008的博客

10-13

375

vue实现微信小程序长按删除搜索历史记录

微信小程序怎么实现“长按触发”？

与其临渊羡鱼，不如进而结网。

05-14

4617

我的需求是对一个模块进行删除。怎么删除就不说了，我只说怎么实现长按触发一个事件。思路：先添加bindtouchstart（手指触摸动作开始事件），记录下触摸开始的时间戳e.timeStamp；再添加bindtouchend（手指触摸动作结束事件），同样记录触摸结束的时间戳e.timeStamp。当两个时间差大于2000毫秒（可以设置其他时间间隔），就触发长按事件，否则触发单击事件。详情看代码： <view bindtap="trunToQRblogDetail" data-...

小程序长按事件

T追梦人的博客

01-21

4627

小程序长按事件

【微信小程序】解决点击(bindtap)和长按(bindlongtap)冲突

韩旭不会敲代码吧的博客

01-30

3215

解决点击(bindtap)和长按(bindlongtap)冲突