手机触摸 事件, 当触摸屏幕时候触发
来源:互联网 发布:莆田电视台 网络直播 编辑:程序博客网 时间:2024/05/16 11:38
touchstart:触摸开始的时候触发
touchmove:手指在屏幕上滑动的时候触发
touchend:触摸结束的时候触发
而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点(用来实现多点触控):
touches:当前位于屏幕上的所有手指的列表。
targetTouches:位于当前DOM元素上手指的列表。
changedTouches:涉及当前事件手指的列表。
每个触摸点由包含了如下触摸信息(常用):
identifier:一个数值,唯一标识触摸会话(touch
target:DOM元素,是动作所针对的目标。
pageX/pageX/clientX/clientY/screenX/screenY:一个数值,动作在屏幕上发生的位置(page包含滚动距离,client不包含滚动距离,screen则以屏幕为基准)。
function handleTouchEvent(event) {
//只跟踪一次触摸if (event.touches.length == 1) {
var output = document.getElementById("output");
switch (event.type) {
case "touchstart":
output.innerHTML = "Touch started (" + event.touches[0].clientX + "," + event.touches[0].clientY + ")";
break;
case "touchend":
output.innerHTML += "Touch ended (" + event.changedTouches[0].clientX + "," + event.changeTouches[0].clientY + ")";
break;
case "touchmove":
event.preventDefault(); //阻止滚动事件冒泡,
output.innerHTML += "Touch moved (" + event.changedTouches[0].clientX + "," + event.changedTouches[0].clientY + ")";
break;
}
}
}
document.addEventListener("touchstart", handleTouchEvent, false);
document.addEventListener("touchend", handleTouchEvent, false);
document.addEventListener("touchmove", handleTouchEvent, false);
0 0
- 手机触摸 事件, 当触摸屏幕时候触发
- 手机触摸 事件, 当触摸屏幕时候触发
- Unity 屏幕触摸事件
- 屏幕触摸事件
- 屏幕触摸事件
- Unity 屏幕触摸事件
- 屏幕触摸事件传递
- 屏幕触摸事件
- 手机触摸事件
- android触摸而触发事件
- iphone 检测屏幕触摸事件
- android中屏幕触摸事件
- android屏幕触摸事件机制
- android屏幕触摸事件机制
- android屏幕触摸事件机制
- android 屏幕触摸事件机制
- Cocos2d-x屏幕触摸事件
- 管理activity屏幕触摸事件
- iOS开发中的sqlite数据库
- MIUI添加内存调试工具:查看进程中的Bitmap信息
- Xcode调试断点不能停在代码区终极解决方案
- 2012年5月SAT香港真题解析
- 为自己记------android中listview下拉刷新和下拉加载的原理及简单实现
- 手机触摸 事件, 当触摸屏幕时候触发
- UVA 621 Secret Research
- 第一次接触安卓开发
- 使用UiAutomator中swipe(Point[], int)方法绘制解锁图案
- iphone/ipad如何获取本机序列号和设备标示
- Power of Two LeetCode Java
- eclipse错误 The connection to adb is down,
- 物联通公司红外转发器的对码流程
- Android中GridView的应用