找回密码
 立即注册

QQ登录

只需一步,快速开始

微信小程序:长按点击事件实现

[复制链接]
查看: 149|回复: 1
最佳答案
0 

2

主题

3

帖子

78

积分

新人求带

积分
78
 楼主| 发表于 2017-9-13 17:20:06 | 显示全部楼层 |阅读模式
在做小程序的时候经常遇到本地缓存影响使用的问题,于是萌生一个需求:长按头像实现本地缓存数据的清理,查看小程序官方API,官方提供了几种点击事件,其中包含长按点击事件(点击此处查看官方API文档)

先上最终实现效果图:
ac2f113a.png
长按头像清空缓存功能

具体实现流程以及代码:

Step1:wxml中为图片绑定点击事件,事件类型为长按(手指触摸后,超过350ms再离开)
  1. <image bindlongpress='longPress' src='{{userInfo.avatarUrl}}'></image>
复制代码

Step2:js中实现绑定的长按点击事件
  1. longPress:function(){

  2.     wx.showModal({ //使用模态框提示用户进行操作

  3.          title:'警告',

  4.         content:'你将清空小程序本地所有缓存!',

  5.         success:function(res){

  6.              if(res.confirm){ //判断用户是否点击了确定

  7.                  wx.clearStorageSync();

  8.              }

  9.        }

  10.     })

  11. }
复制代码

以上两个步骤即可简单实现小程序长按点击事件。

作者:柚子大魔王
链接:http://www.jianshu.com/p/7ad22e35b556
回复

使用道具 举报

最佳答案
0 

0

主题

99

帖子

552

积分

略知一二

积分
552
发表于 7 天前 | 显示全部楼层
学习学习
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


易域网-您身边的域名管家

henkuai.com是专业的第三方微信开发者平台,为生态而生。


本站为第三方微信开发者平台,非腾讯官方网站。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

欢迎来这里一起喝喝茶,
聊聊你的产品。

微信公众号gongzhongkaifa

工作日12小时内回复。

广告推广
zhongcong@henkuai.com

工作日12小时内回复。

市场合作
songchang@henkuai.com