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 后马上触发