手机触屏事件
来源:互联网 发布:为什么网络诈骗没人管 编辑:程序博客网 时间:2024/04/29 00:10
手机端html5触屏事件(touch事件)
(2013-11-19 14:19:27)转载▼
touchstart:触摸开始的时候触发
touchmove:手指在屏幕上滑动的时候触发
touchend:触摸结束的时候触发
而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点(用来实现多点触控):
touches:当前位于屏幕上的所有手指的列表。
targetTouches:位于当前DOM元素上手指的列表。
changedTouches:涉及当前事件手指的列表。
每个触摸点由包含了如下触摸信息(常用):
identifier:一个数值,唯一标识触摸会话(touch
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.preventDefault();
// 阻止浏览器默认事件,重要
var
touch = event.targetTouches[0];
// 把元素放在手指所在的位置
obj.style.left = touch.pageX-50 +
'px'
;
obj.style.top = touch.pageY-50 +
'px'
;
}
},
false
);
0 0
- 手机触屏事件
- 19、手机触屏事件
- Unity Android手机触屏事件
- html5手机触屏touch事件介绍
- 手机端html5触屏事件(touch事件)
- 手机端html5触屏事件(touch事件)
- 手机端html5触屏事件(touch事件)
- 手机端html5触屏事件(touch事件)3
- 手机触控事件touch
- Android 手机切屏事件
- 监听手机截屏事件
- 手机触屏事件(touch事件,网上资料有限,想具体了解还需要自己研究)
- AngularJS中关于手机端触屏签名(同时支持鼠标事件和触屏事件)
- js实现手机横竖屏事件
- js实现手机横竖屏事件
- [Unity小技巧] 避免手机触屏连续多次触发触摸touch事件
- Unity3d 触屏手机滑动事件(上下左右方向精确判断)
- 关于手机移动端的触屏的事件的加载的方法
- 基于Visual C++之Windows核心编程代码分析(4)获取操作系统信息
- android 实现文字大小兼容的方法
- Eclipse之GBK 编码
- 时间轴控件TimeLineView的实现
- 设计模式前传---UML图和六大设计原则
- 手机触屏事件
- nginx安装nginx_concat_module模块报400错误的问题
- 游戏里真正吸引玩家的内容是什么?
- 欢迎使用CSDN-markdown编辑器
- 添加监视变量——内存无法显示
- win32 ShowCursor遇到的问题
- spring的常用注释
- pat甲1119. Pre- and Post-order Traversals (已知前序和后序遍历求中序遍历)
- 对SIFT之后进行FPFH的时候出现问题的思考