微信小程序 触控事件:
在组件中绑定一个事件处理函数。
如bindtap当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。
在楿应的Page定义中写上相应的事件处理函数参数是event。
可以看到log出来的信息大致如下:
事件分为冒泡事件和非冒泡事件:
冒泡事件:当一个组件上的事件被触发后该事件会向父节点传递。
非冒泡事件:当一个组件上的事件被触发后该事件不会向父节点传递。
事件绑定的写法同组件的属性,以 key、value 的形式
上面简单介绍了小程序事件基础是时候彰显"事件"的威力:
双击事件由两个单击事件组成,两次间隔时间小于300ms认为是双击;微信官方文档没有双击事件需要开发者洎己定义处理。
长按事件手指触摸后超过350ms再离开。
单击、双击、长按属于点触事件会触发touchstart、touchend、tap事件,touchcancel事件只能在真机模拟不多说了。
手指触摸屏幕并移动为了简化起见,下面以水平滑动和垂直滑动为例 滑动事件由touchstart、touchmove、touchend组成
以上没考虑r为1的情况
由于模拟器尚不支持多点触控内测开放后,继续补充
本身使用的是 scroll-view 进行下拉刷新事件,想在页面list里面进行左滑动唤醒删除菜单实际上写出来会冲突导致 scroll事件无法觸发,默认滑动事件了
本身list绑定了单击事件点击进入详情页,准备增加一个长按唤醒操作菜单实际体验并不好,长按之后手指不能直接离开屏幕那样会触发点击事件需要轻微移动一下离开屏幕。
js处理通过点击开始结束判断点击屏幕时间进行不同的业务触发
//触摸时间距离页面打开的毫秒数 //如果按下时间大于350为长按版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。