PointerEvent

鼠标、手写笔、触摸屏点击事件


当原生 PointerEvent 事件不存在时,使用其他原生事件替代的优先级:

PointerEvent > TouchEvent > MouseEvent

关键属性

pointerType:string

触发事件的设备类型(鼠标,手写笔,触摸屏等)

  • "mouse"
  • "pen"
  • "touch"

x:number

相对于应用视图的 x 轴坐标

y:number

相对于应用视图的 y 轴坐标

width:number

接触面的宽度

height:number

接触面的高度

pressure:number

按压的压力值,取值范围:0 ~ 1

tangentialPressure?:number

pen(手写笔) 按压的切向压力值,取值范围:-1 ~ 1

当 pointerType 为 'pen' 时才存在此属性

tiltX?:number

pen 与 y 轴构成的平面,和 y-z 平面之间的夹角, 取值范围:-90, 90

tiltY?:number

pen 与 x 轴构成的平面,和 x-z 平面之间的夹角, 取值范围:-90, 90

twist?:number

pen 围绕自身主轴顺时针旋转的角度,取值范围是 [0, 359] 度。

继承属性

UIEvent 属性

Event 属性

事件类型

PointerEvent.DOWN

按下事件

import { PointerEvent } from "leafer-ui"

rect.on(PointerEvent.DOWN, function (e: PointerEvent) {
  console.log(e)
})
// or
rect.on("pointerdown", function (e: PointerEvent) {})

PointerEvent.MOVE

移动事件

PointerEvent.UP

抬起事件

PointerEvent.ENTER

进入事件

PointerEvent.LEAVE

离开事件

复合类型

PointerEvent.TAP

快速点击事件,UP 后马上触发

PointerEvent.CLICK

单击事件

PointerEvent.DOUBLE_CLICK

双击事件

PointerEvent.LONG_PRESS

长按事件,长按中触发

PointerEvent.LONG_TAP

长按抬起事件,长按 UP 后马上触发

继承

UIEvent > Event