10-触摸事件对象

nobility 发布于 2022-11-03 04-事件 480 次阅读


触摸事件对象

触发触摸事件对象的事件

事件名 描述
touchstart 开始触摸
touchmove 滑动触摸
touchend 结束触摸
touchcancel 取消触摸

TouchEvent接口

TouchEvent接口继承UIEvent接口

构造方法

  • 通常使用事件的构造函数是用来做EventTarget.dispatchEvent(event)方法的参数来手动触发事件的
  • 该构造函数接收两个参数,第一个参数是字符串形式的事件名称,第二个参数是一个可省略的配置对象,配置如下:这些配置也是实例对象的属性
配置项 描述
touches TouchList数据结构,包含当前所有的触摸点Touch对象,默认是空数组
targetTouches TouchList数据结构,包含处于当前元素上的所有触摸点Touch对象,默认是空数组
changedTouches TouchList数据结构,包含两次触摸事件之间状态改变的触摸点Touch对象,默认是空数组
ctrlKey 是否同时按下了Ctrl键,默认为false
shiftKey 是否同时按下了Shift键,默认为false
altKey 是否同时按下了Alt键,默认为false
metaKey 是否同时按下了win或mac键,默认为false

TouchList接口

该集合是一个伪数组结构,拥有length属性和数组下标,成员是Touch触摸点对象,主要是由TouchEvent对象中的touchestargetToucheschangedTouches属性存储的使用的数据结构

Touch接口

代表一个触摸点,该接口没有继承任何接口也没有任何子类接口,是一个独立的接口

构造方法

该构造方法必须有一个配置对象作为参数,配置如下:这些配置也是实例对象的属性

配置项 描述
identifier 该触摸点的唯一id,没有默认值,是必须属性
target 该触摸点发生时所在的元素上,没有默认值,是必须属性
screenX 触摸点相对于屏幕的水平位置,默认值为0
screenY 触摸点相对于屏幕的垂直位置,默认值为0
clientX 触摸点相对于程序窗口的水平位置,默认值为0
clientY 触摸点相对于程序窗口的垂直位置,默认值为0
pageX 触摸点相对整个文档的水平坐标位置,默认值为0
pageY 触摸点相对整个文档的垂直坐标位置,默认值为0
radiusX 触摸点大小水平半径,默认值为0
radiusY 触摸点大小垂直半径,默认值为0
rotationAngle 触摸点旋转角度,默认值为0
force 触摸点的压力,0到1之间,默认值为0
加油啊!即便没有转生到异世界,也要拿出真本事!!!\(`Δ’)/
最后更新于 2022-11-03