国家体育总局今年将办全国电子竞技公开赛
随着 ARKit 的横空出世，苹果朝向增强现实的这张牌已经打了出来，而且杀伤力十足。毋...
近期，中国区App Store大量应用被强制下架，其实没大家想的这么复杂。
大家都认为iOS 11 beta 2要比iOS 11 beta 1好很多很多~
Android O 有望在今年夏季发布，新版本将会带来 通知消息调整、画中画模式等新特性。
微软前CEO鲍尔默对外媒透露，离任微软CEO之前在办公室看了一百多集电视剧《The Good W...
MacBook Air 只要能够卖出可观的数量，对于苹果来说就有利可图。苹果公司还没有勇气做...
不总要想着搞个大新闻。
现在随着交通越发的发达便利，全球化的步伐加快，出国旅游成为了大家享受生活，认识世...
Nanali 最近推出了新作《莎莉之定律》，首先要说明的是，这是一款很有爱很温馨的游戏...
本周，游戏开发商Hutch Games就在苹果商店当中推出了其竞速新作《竞速之王》，这一次...
作为游戏开发商 FISHLABS 最为倚仗的一个经典 IP ，《浴火银河（Galaxy on Fire）》在...
突然有一天艾丹起床之后发现自己的父亲突然失踪不见了，而在父亲的房间当中摆放了一台...
就是这只有 9 款滤镜的 App 被一大群小姐姐大姐姐疯狂追捧，在社交网络上走红。
在本周的 App Store 更新当中，已经消失了一段时间的游戏开发团队 Upopa Games 再次出...
消费者只能通过苹果在线商店和苹果零售店去购买新版产品。
从命名的方式来看，这 3 款保护壳应该是主打保护性能。
该设备可直接绕过智能手机及设备上的配套 App 便可进行对智能家居设备的操控。
在无线耳机这个重要的电子消费领域，来自其他厂商的竞争可不会小。
由于更偏向于暖色调，灯泡比较适合作为卧室、休息室、厨房、客厅的装饰灯。
本月早些时候，苹果在 WWDC 全球开发者大会上发布了一款带有数字小键盘的 Magic Keybo...
Doorbell Pro和Floodlight Cam在年底之前支持HomeKit。
与其他支持 HomeKit 的空气质量监测器不同的是，eve 整个系列产品的外观设计都非常简...
真的老了，7.1.2不能使用微信小程序？
注册时间 最后登录
在线时间2198 小时 UID
主题帖子人气
白苹果, 积分 744, 距离下一级还需 756 积分
提示需要更高版本。人老珠黄，系统也不行了。哈哈哈哈
注册时间 最后登录
在线时间4 小时 UID
主题帖子人气
是啊，我7.0.4同纠结升不升
注册时间 最后登录
在线时间163 小时 UID
主题帖子人气
时代在进步！
注册时间 最后登录
在线时间94 小时 UID
主题帖子人气
建议要升级的抓紧，目前5S升10.2还是不错的，
注册时间 最后登录
在线时间19 小时 UID
主题帖子人气
坚守的悲哀，软件逼你升系统。
注册时间 最后登录
在线时间114 小时 UID
主题帖子人气
哎，一样一样
注册时间 最后登录
在线时间114 小时 UID
主题帖子人气
久纱野水荫 发表于
是啊，我7.0.4同纠结升不升
注册时间 最后登录
在线时间15 小时 UID
主题帖子人气
10.2真的还可以。留着那么好的系统 应用软件不能使用最新的 也没用阿。我现在就停留在10.2真的挺不错
注册时间 最后登录
在线时间100 小时 UID
主题帖子人气
9系统你不升级，偏偏等10出来才升，晚了。卡死你，耗电耗死你
注册时间 最后登录
在线时间321 小时 UID
主题帖子人气
那8系统能用吗？8系统要不要趁现在赶紧升10.2呀？
您需要登录后才可以回帖
回帖后跳转到最后一页
威锋旗下产品
Hi~我是威威！
沪公网安备 29号　|　沪ICP备号-1
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!国家体育总局今年将办全国电子竞技公开赛
随着 ARKit 的横空出世，苹果朝向增强现实的这张牌已经打了出来，而且杀伤力十足。毋...
近期，中国区App Store大量应用被强制下架，其实没大家想的这么复杂。
大家都认为iOS 11 beta 2要比iOS 11 beta 1好很多很多~
Android O 有望在今年夏季发布，新版本将会带来 通知消息调整、画中画模式等新特性。
微软前CEO鲍尔默对外媒透露，离任微软CEO之前在办公室看了一百多集电视剧《The Good W...
MacBook Air 只要能够卖出可观的数量，对于苹果来说就有利可图。苹果公司还没有勇气做...
不总要想着搞个大新闻。
现在随着交通越发的发达便利，全球化的步伐加快，出国旅游成为了大家享受生活，认识世...
Nanali 最近推出了新作《莎莉之定律》，首先要说明的是，这是一款很有爱很温馨的游戏...
本周，游戏开发商Hutch Games就在苹果商店当中推出了其竞速新作《竞速之王》，这一次...
作为游戏开发商 FISHLABS 最为倚仗的一个经典 IP ，《浴火银河（Galaxy on Fire）》在...
突然有一天艾丹起床之后发现自己的父亲突然失踪不见了，而在父亲的房间当中摆放了一台...
就是这只有 9 款滤镜的 App 被一大群小姐姐大姐姐疯狂追捧，在社交网络上走红。
在本周的 App Store 更新当中，已经消失了一段时间的游戏开发团队 Upopa Games 再次出...
消费者只能通过苹果在线商店和苹果零售店去购买新版产品。
从命名的方式来看，这 3 款保护壳应该是主打保护性能。
该设备可直接绕过智能手机及设备上的配套 App 便可进行对智能家居设备的操控。
在无线耳机这个重要的电子消费领域，来自其他厂商的竞争可不会小。
由于更偏向于暖色调，灯泡比较适合作为卧室、休息室、厨房、客厅的装饰灯。
本月早些时候，苹果在 WWDC 全球开发者大会上发布了一款带有数字小键盘的 Magic Keybo...
Doorbell Pro和Floodlight Cam在年底之前支持HomeKit。
与其他支持 HomeKit 的空气质量监测器不同的是，eve 整个系列产品的外观设计都非常简...
iPod touch6微信无法使用小程序，求大神解答
注册时间 最后登录
在线时间32 小时 UID
主题帖子人气
小苹果, 积分 14, 距离下一级还需 36 积分
(235.12 KB, 下载次数: 3)
13:01 上传
注册时间 最后登录
在线时间32 小时 UID
主题帖子人气
微信最新版，系统也是最新版
注册时间 最后登录
在线时间32 小时 UID
主题帖子人气
注册时间 最后登录
在线时间32 小时 UID
主题帖子人气
注册时间 最后登录
在线时间6 小时 UID
主题帖子人气
同求啊。。。。
注册时间 最后登录
在线时间28 小时 UID
主题帖子人气
貌似touch6都不能
您需要登录后才可以回帖
回帖后跳转到最后一页
威锋旗下产品
Hi~我是威威！
沪公网安备 29号　|　沪ICP备号-1
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!微信小程序 触控事件详细介绍
(window.slotbydup=window.slotbydup || []).push({
id: '2611110',
container: s,
size: '240,200',
display: 'inlay-fix'
您当前位置： &
[ 所属分类
作者 红领巾 ]
微信小程序 触控事件：&&&&&&&&&&& 微信小程序的"事件"挺有意思。看了说明文档后发现它的功能很全，事件可以向父节点传递，而且打印这个事件的信息很透明，调试起来应该非常方便。接下来把文档copy过来原文地址：https://mp./debug/wxadoc/dev/framework/view/wxml/event.html》》》什么是事件
事件是视图层到逻辑层的通讯方式。
事件可以将用户的行为反馈到逻辑层进行处理。
事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。
事件对象可以携带额外信息，如id, dataset, touches。事件的使用方式在组件中绑定一个事件处理函数。如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。&view id="tapTest" data-hi="MINA" bindtap="tapName"& Click me! &/view&& 在相应的Page定义中写上相应的事件处理函数，参数是event。Page({
tapName: function(event) {
console.log(event)
} }) 可以看到log出来的信息大致如下：{ "type": "tap", "timeStamp": 1252, "target": {
"id": "tapTest",
"offsetLeft": 0,
"offsetTop": 0,
"dataset": {
"hi": "MINA"
} }, "currentTarget": {
"id": "tapTest",
"offsetLeft": 0,
"offsetTop": 0,
"dataset": {
"hi": "MINA"
} }, "touches": [{
"pageX": 30,
"pageY": 12,
"clientX": 30,
"clientY": 12,
"screenX": 112,
"screenY": 151 }], "detail": {
"y": 12 } } 事件详解事件分类事件分为冒泡事件和非冒泡事件：冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。》》》事件分类
touchstart 手指触摸
touchmove 手指触摸后移动
touchcancel 手指触摸动作被打断，如弹窗和来电提醒
touchend 手指触摸动作结束
tap 手指触摸后离开
longtap 手指触摸后后，超过350ms离开》》》事件绑定事件绑定的写法同组件的属性，以 key、value 的形式。
key 以bind或catch开头，然后跟上事件的类型，如bindtap, catchtouchstart
value 是一个字符串，需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。 bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。上面简单介绍了小程序事件基础，是时候彰显"事件"的威力：
双击(dbtap)
长按(longtap)
多点触控1.单击单击事件由touchstart、touchend组成,touchend后触发tap事件。&&view& &button type="primary" bindtouchstart="mytouchstart" bindtouchend="mytouchend" bindtap="mytap"&点我吧&/button&&/view&mytouchstart: function(e){ console.log(e.timeStamp + '- touch start')},mytouchend: function(e){ console.log(e.timeStamp + '- touch end')},mytap: function(e){ console.log(e.timeStamp + '- tap')}2.双击双击事件由两个单击事件组成，两次间隔时间小于300ms认为是双击；微信官方文档没有双击事件，需要开发者自己定义处理。&&view& &button type="primary" bindtap="mytap"&点我吧&/button&&/view&&&3.长按长按事件手指触摸后，超过350ms再离开。&&view& &button type="primary" bindtouchstart="mytouchstart" bindlongtap="mylongtap"
bindtouchend="mytouchend" bindtap="mytap"&点我吧&/button&&/view&mytouchstart: function(e){ console.log(e.timeStamp + '- touch start')},//长按事件mylongtap: function(e){ console.log(e.timeStamp + '- long tap') },mytouchend: function(e){ console.log(e.timeStamp + '- touch end')},mytap: function(e){ console.log(e.timeStamp + '- tap')}单击、双击、长按属于点触事件，会触发touchstart、touchend、tap事件，touchcancel事件只能在真机模拟，不多说了。
touchstart → touchend → tap
touchstart → touchend → tap → touchstart → touchend → tap
touchstart → longtap → touchend → tap
4.滑动手指触摸屏幕并移动，为了简化起见，下面以水平滑动和垂直滑动为例。 滑动事件由touchstart、touchmove、touchend组成&坐标图：&
以屏幕左上角为原点建立直角坐标系。第四象限为手机屏幕，Y轴越往下坐标值越大（注意跟数学象限的区别）。
假设A点为touchstart事件触摸点，坐标为A(ax,ay)，然后手指向上滑动到点B(bx,by)，就满足条件by &
同理，向右滑动到C(cx,cy),满足cx & ax；向下滑动到D(dx,dy),满足dy & ay；向左移动到E(ex，ey)满足ex & ax.
计算线段AB在Y轴上投影长度为m,在X轴上的投影长度为n
计算r = m/n,如果r & 1,视为向上滑动。
同理计算线段AC,AD,AE在Y轴投影长度与X轴的投影长度之比，得出向右向下向左的滑动。以上没考虑r为1的情况。&view& &button type="primary" bindtouchstart="mytouchstart" bindtouchmove="mytouchmove"&点我吧&/button&&/view&5.多点触控由于模拟器尚不支持多点触控，内测开放后，继续补充。&感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
本文前端（javascript）相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程
转载请注明本文标题：本站链接：
分享请点击：
1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责；
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性，不作出任何保证或承若；
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
阅读(4533)
CodeSecTeam微信公众号
当你的才华还撑不起你的野心时，那你就应该静下心来学习。当你的经济还撑不起你的梦想时，那你就应该踏实的去工作！
手机客户端微信小程序 触控事件详细介绍
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了微信小程序 触控事件的相关资料,在开发微信小程序的时候，难免会用到这样的功能，这里小编就帮大家梳理下相应的知识，需要的朋友可以参考下
微信小程序 触控事件：
&&&&&&&&&&& 微信小程序的"事件"挺有意思。看了说明文档后发现它的功能很全，事件可以向父节点传递，而且打印这个事件的信息很透明，调试起来应该非常方便。
接下来把文档copy过来
原文地址：https://mp./debug/wxadoc/dev/framework/view/wxml/event.html
》》》什么是事件
事件是视图层到逻辑层的通讯方式。
事件可以将用户的行为反馈到逻辑层进行处理。
事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。
事件对象可以携带额外信息，如id, dataset, touches。
事件的使用方式
在组件中绑定一个事件处理函数。
如bindtap，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。
&view id="tapTest" data-hi="MINA" bindtap="tapName"& Click me! &/view&&
在相应的Page定义中写上相应的事件处理函数，参数是event。
tapName: function(event) {
console.log(event)
可以看到log出来的信息大致如下：
"type": "tap",
"timeStamp": 1252,
"target": {
"id": "tapTest",
"offsetLeft": 0,
"offsetTop": 0,
"dataset": {
"hi": "MINA"
"currentTarget": {
"id": "tapTest",
"offsetLeft": 0,
"offsetTop": 0,
"dataset": {
"hi": "MINA"
"touches": [{
"pageX": 30,
"pageY": 12,
"clientX": 30,
"clientY": 12,
"screenX": 112,
"screenY": 151
"detail": {
事件分为冒泡事件和非冒泡事件：
冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。
非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。
》》》事件分类
touchstart 手指触摸
touchmove 手指触摸后移动
touchcancel 手指触摸动作被打断，如弹窗和来电提醒
touchend 手指触摸动作结束
tap 手指触摸后离开
longtap 手指触摸后后，超过350ms离开
》》》事件绑定
事件绑定的写法同组件的属性，以 key、value 的形式。
key 以bind或catch开头，然后跟上事件的类型，如bindtap, catchtouchstart
value 是一个字符串，需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。 bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡。
上面简单介绍了小程序事件基础，是时候彰显"事件"的威力：
双击(dbtap)
长按(longtap)
单击事件由touchstart、touchend组成,touchend后触发tap事件。
&button type="primary" bindtouchstart="mytouchstart" bindtouchend="mytouchend" bindtap="mytap"&点我吧&/button&
mytouchstart: function(e){ console.log(e.timeStamp + '- touch start')
},mytouchend: function(e){ console.log(e.timeStamp + '- touch end')
},mytap: function(e){ console.log(e.timeStamp + '- tap')
双击事件由两个单击事件组成，两次间隔时间小于300ms认为是双击；微信官方文档没有双击事件，需要开发者自己定义处理。
&button type="primary" bindtap="mytap"&点我吧&/button&
长按事件手指触摸后，超过350ms再离开。
&button type="primary" bindtouchstart="mytouchstart" bindlongtap="mylongtap"
bindtouchend="mytouchend" bindtap="mytap"&点我吧&/button&
mytouchstart: function(e){ console.log(e.timeStamp + '- touch start')
},//长按事件mylongtap: function(e){ console.log(e.timeStamp + '- long tap')
},mytouchend: function(e){ console.log(e.timeStamp + '- touch end')
},mytap: function(e){ console.log(e.timeStamp + '- tap')
单击、双击、长按属于点触事件，会触发touchstart、touchend、tap事件，touchcancel事件只能在真机模拟，不多说了。
touchstart → touchend → tap
touchstart → touchend → tap → touchstart → touchend → tap
touchstart → longtap → touchend → tap
手指触摸屏幕并移动，为了简化起见，下面以水平滑动和垂直滑动为例。 滑动事件由touchstart、touchmove、touchend组成
以屏幕左上角为原点建立直角坐标系。第四象限为手机屏幕，Y轴越往下坐标值越大（注意跟数学象限的区别）。
假设A点为touchstart事件触摸点，坐标为A(ax,ay)，然后手指向上滑动到点B(bx,by)，就满足条件by &
同理，向右滑动到C(cx,cy),满足cx & ax；向下滑动到D(dx,dy),满足dy & ay；向左移动到E(ex，ey)满足ex & ax.
计算线段AB在Y轴上投影长度为m,在X轴上的投影长度为n
计算r = m/n,如果r & 1,视为向上滑动。
同理计算线段AC,AD,AE在Y轴投影长度与X轴的投影长度之比，得出向右向下向左的滑动。
以上没考虑r为1的情况。
&button type="primary" bindtouchstart="mytouchstart" bindtouchmove="mytouchmove"&点我吧&/button&
5.多点触控
由于模拟器尚不支持多点触控，内测开放后，继续补充。
&感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具