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

<!-- button 可以换成view-->
<button
bindtouchstart="handleTouchStart"
bindtouchend="handleTouchEnd"
bindlongpress="handleLongPress"
bindtap="handleClick">
点击/长按</button>

//touch start
handleTouchStart: function(e) {    this.startTime = e.timeStamp;    //console.log(" startTime = " + e.timeStamp);
},  //touch end
handleTouchEnd: function(e) {    this.endTime = e.timeStamp;    //console.log(" endTime = " + e.timeStamp);
},  handleClick: function(e) {    //console.log("endTime - startTime = " + (this.endTime - this.startTime));    if (this.endTime - this.startTime < 350) {      console.log("点击");    }
},  handleLongPress: function(e) {
//console.log("endTime - startTime = " + (this.endTime - this.startTime));
console.log("长按");
},

微信小程序点击事件和长按事件相关推荐

微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. 正文: 先上效果图,再附上完整源码: 1.多张图片循环渲染后预览.保存.识别带参数二维码 <view w ...
[微信小程序]微信小程序点击事件返回值的target分析
微信小程序点击事件返回值的target分析测试过程在微信小程序中创建以下图片然后在调试中点击下面第5个. console返回两个e 第一个e是第5块小块的e 第二个e是下面全部9小块组成的大块的 ...
wxss 点击样式_微信小程序点击控件修改样式实例详解
微信小程序点击控件修改样式实例详解现在要在微信小程序中实现点击控件修改样式,如下: 微信小程序中不支持直接操作dom,要实现这种效果,我们需要通过设置data,然后利用数据和界面的双向绑定来实现它. ...
微信小程序点击更改样式-点击获得下划线
微信小程序点击更改样式-点击获得下划线 <view class="container"> <scroll-view class='headerBox' scrol ...
微信小程序点击弹出输入框
微信小程序点击弹出输入框第一次写博客,我决定不要太old school. let's get it!最近在学习微信开发,刚接触到微信小程序,自己尝试着做了一个简单的小程序,过程中发现类似web开发中 ...
微信小程序点击放大图片
微信小程序点击放大图片在做微信小程序的时候遇到了这个点击放大的事件,这里记录一下 checkmap:function(e){var imageurl=this.data.mapimagesrc;co ...
微信小程序控制盒子显示隐藏_微信小程序点击控制元素的显示与隐藏
微信小程序点击控制元素的显示与隐藏首先我们先来看一下单个点击效果我们来看一下wxml中的代码: 更多内容更多> 2017-07-27 下面的是js中的主要代码: data: { shows ...
微信小程序点击页面tab栏切换
微信小程序点击页面tab栏切换 wxml <view class="container"><view class="swiper-tab"&g ...
微信小程序点击tab栏切换，点击切换某个tab滚动到中间（ uniapp ）
微信小程序点击tab栏切换,点击某个tab滚动到中间( uniapp ) 之前写过原生js的tab栏滚动到中间,正好最近有个uniapp小程序项目中要用到tab切换滚动, 写个demo发出来 + 注意 ...
微信小程序点击按钮分享指定页面
微信小程序点击按钮分享指定页面 1.在wxml里写所要点击的按钮 <button data-info='{{order}}' open-type="share" hover- ...

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

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

微信小程序点击事件和长按事件相关推荐

最新文章

热门文章