2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > HTML5触摸事件(多点 单点触控)

HTML5触摸事件(多点 单点触控)

时间:2021-11-02 01:42:06

相关推荐

HTML5触摸事件(多点 单点触控)

本文转自:/article/9.html

HTML5的触摸API支持处理单点和多点的触摸事件处理。

接口

1、TouchEvent:代表了一个触摸事件。

主要属性:

TouchEvent.changedTouches:一个TouchList对象。代表了所有上一个接触点到当前点状态发生变化的点。

TouchEvent.touches:一个TouchList对象。代表的所有当前触摸点,不管目标或者状态是否改变。

TouchEvent.type:触摸事件类型。有touchstart、touchend、touchmove、touchenter、touchleave和touchleave。

2、Touch:代表一个单独的触摸点。

主要属性:Touch.identifier:这个触摸对象的唯一标识。

3、TouchList:代表一组触摸点。比如同时有多根手指放在在屏幕上面。

4、DocumentTouch:包含创建Touch和TouchList对象的方法。

触摸事件

touchstart:触摸的时候发生。

touchend:手指从屏幕抬起时发生。手指划出了屏幕也会触发这个事件。

touchmove:手指沿着屏幕滑动时触发。

touchenter:触摸点进入到一个元素。

touchleave:触摸点离开一个元素。

touchcancel:当触摸受到干扰而中断时触发。比如一个弹框,或者触摸点离开了文档窗口区域到了其他地方,或者触摸点超出了最大可支持的上限,那么最先的触摸将会退出。

下面一个跟踪多点触控的例子,允许用户同时多于一个手指画线,可以直接运行:

文章参考地址及示例来源:/en-US/docs/Web/Guide/Events/Touch_events

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。