手机端ht ML 5触屏事件( touch事件 )
touchstart： 触摸 开始 的时候触发
touchmove： 手指在屏幕上滑动的时候触发
touchend： 触摸结束的时候触发
而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一 系列 触摸点（用来实现多点触控）：
touches： 当前位于屏幕上的所有手指的列表。
t arg etTouches： 位于当前 DOM 元素上手指的列表。
changedTouches： 涉及当前事件手指的列表。
每个触摸点由包含了如下触摸信息（常用）：
identifier： 一个数值，唯一标识触摸会话（touch session）中的当前手指。一般为从0开始的流水号（and ROI d4.1，uc）
target： DOM元素，是动作所针对的目标。
pageX/pageX/clientX/clientY/screenX/screenY：一个数值，动作在屏幕上发生的位置（page包含滚动 距离 ,client不包含滚动距离，screen则以屏幕为基准）。
radiusX/radiusY/rotationAngle： 画出大约相当于手指形状的椭 圆 形，分别为椭圆形的两个 半 径和旋转角度。初步测试浏览器不支持，好在功能不常用，欢迎大家反馈。
VAR obj = document.getElementByIdx_x( & # 39;id' );
obj.addEventListener( 'touchmove' , function (event) {
// 如果这个元素的位置内只有一个手指的话
if (event.targetTouches.length == 1) {
event.p rev entDefault(); // 阻止浏览器默认事件， 重要
var touch = event.targetTouches[0];
// 把元素放在手指所在的位置
obj.style.left = touch.pageX-50 + 'px' ;
obj.style.top = touch.pageY-50 + 'px' ;
}
}, false );
&nbs p;
手机端html5触屏事件(touch事件)
touchstart： 触摸开始的时候触发
touchmove： 手指在屏幕上滑动的时候触发
touchend： 触摸结束的时候触发
而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：
touches： 当前位于屏幕上的所有手指的列表。
targetTouches： 位于当前DOM元素上手指的列表。
changedTouches： 涉及当前事件手指的列表。
每个触摸点由包含了如下触摸信息（常用）：
identifier： 一个数值，唯一标识触摸会话（touch session）中的当前手指。一般为从0开始的流水号（android4.1，uc）
target： DOM元素，是动作所针对的目标。
pageX/pageX/clientX/clientY/screenX/screenY：一个数值，动作在屏幕上发生的位置（page包含滚动距离,client不包含滚动距离，screen则以屏幕为基准）。
radiusX/radiusY/rotationAngle： 画出大约相当于手指形状的椭圆形，分别为椭圆形的两个半径和旋转角度。初步测试浏览器不支持，好在功能不常用，欢迎大家反馈。
var obj = document.getElementByIdx_x( 'id' );
obj.addEventListener( 'touchmove' , function (event) {
// 如果这个元素的位置内只有一个手指的话
if (event.targetTouches.length == 1) {
event. PR eventDefault(); // 阻止浏览器默认事件，重要
var touch = event.targetTouches[0];
// 把元素放在手指所在的位置
obj.style.left = touch.pageX-50 + 'px' ;
obj.style.top = touch.pageY-50 + 'px' ;
}
}, false );
觉得 可用，就经常来吧！ 欢迎评论哦！ html5教程 ，巧夺天工，精雕玉琢。小宝典献丑了！
总结
以上是 为你收集整理的 html5教程-手机端html5触屏事件(touch事件) 全部内容，希望文章能够帮你解决 html5教程-手机端html5触屏事件(touch事件) 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于html5教程-手机端html5触屏事件(touch事件)的详细内容...