HTML5手机触摸屏事件简介

HTML5添加了很多新的事件，但由于它们的兼容性不是很理想，实际应用也不是太强，所以我们这里只共享没有应用程序的广泛兼容性，与事件发生后的几天很好的兼容性，升级后逐步增加共享。

今天向你们介绍的事件主要是触摸事件：

Touchstart：触摸时触发触摸开始

touchmove：当手指在屏幕上滑动，这引发了

Touchend：触摸触摸结束

每个触摸事件包括三个触摸列表，每一个包含一系列的触摸点（用于多点触摸）。

触摸：当前屏幕上所有手指的列表。

TargetTouches：对当前的DOM元素列表的手指。

ChangedTouches：一列参与时事的手指。

每个触摸点包含以下触摸信息（常用）：

标识符：一个数字值唯一标识当前的手指在触摸会话（联系会议）。一般的编号从0开始（Android4.1，UC）

目标：DOM元素是由动作指导的目标。

pagex / / / pagex ClientX clienty / /用ScreenX Screeny：数值，在屏幕上发生的动作，（页包含滚动距离，客户端不包含滚动距离，屏幕采用屏幕为基准），U3000

radiusx / /旋转角度：radiusy得出关于手指的形状椭圆，这是两个半径和椭圆，旋转角度分别进行了初步的测试，浏览器不支持，但是功能是不常见的，欢迎大家反馈。

复制代码代码如下：var obj = document.getelementbyidx_x（'id'）；

Obj.addEventListener（'touchmove功能（事件）{

如果仅在一个手指内的元素位置。

如果（event.targettouches.length = = 1）{

（事件。preventDefault）； / /阻止浏览器的默认事件，重要的

VaR触摸=事件。targettouches { 0 }；

手指位置中的元素

obj.style.left = touch.pagex-50 + 'px；

obj.style.top = touch.pagey-50 + 'px；

}

}，假）；

以上内容是HTML5手机触摸屏的全部内容，希望能给大家一个参考，同时也希望大家多多支持。