js CustomPointerEventHandler

---

설명

• PointerMeasurer 와 pointer event를 활용하여 포인터 제어 CustomPointerEvent 를 발생한다

---

SPECIFICATION

constructor

• const customPointerEventHandler = new CustomPointerEventHandler()
• customPointerEventHandler = static CustomPointerEventHandler.getInstance() // 싱글톤. window 객체 기반을 동작

property

• customPointerEventHandler = static CustomPointerEventHandler.instance // 디버깅용
• bool = customPointerEventHandler.debug // 디버깅용
• bool = customPointerEventHandler.activated // 동작상태
• Window|Document|HTMLElement = customPointerEventHandler.listener // 이벤트 적용 위치
• HTMLElement = customPointerEventHandler.target // 이벤트 발생 HTMLElement
• Array = customPointerEventHandler.customPointers // coustomPointer 들. 멀티 터치 등에 맞춰서 늘어난다.
• int = customPointerEventHandler.maxPointerNumber // down 이벤트 후 발생된 포인터 최대 수
• number = customPointerEventHandler.distanceX // Primary 포인터의 X축 이동 거리
• number = customPointerEventHandler.distanceY // Primary 포인터의 Y축 이동 거리
• number = customPointerEventHandler.distance // Primary 포인터의 이동 거리
• number = customPointerEventHandler.distanceDeltaX // Primary 포인터의 X축 이동 거리 변화량
• number = customPointerEventHandler.distanceDeltaY // Primary 포인터의 Y축 이동 거리 변화량
• number = customPointerEventHandler.distanceDelta // Primary 포인터의 이동 거리 변화량
• number = customPointerEventHandler.distanceBetween // 멀티포인터 1,2번째 사이의 거리
• number = customPointerEventHandler.distanceBetweenDelta // 멀티포인터 1,2번째 사이의 거리 변화량
• number = customPointerEventHandler.angleBetween // 멀티포인터 1,2번째 사이의 각도
• number = customPointerEventHandler.angleBetweenDelta // 멀티포인터 1,2번째 사이의 각도 변화량
• number (ms) = getter customPointerEventHandler.duration // Primary 포인터의 걸린 시간
• number (px/ms) = getter customPointerEventHandler.velocityX // Primary 포인터의 X축 가속도
• number (px/ms) = getter customPointerEventHandler.velocityY // Primary 포인터의 Y축 가속도
• number (px/ms) = getter customPointerEventHandler.velocity // Primary 포인터의 가속도
• true = customPointerEventHandler.bubbles // CustomPointerEvent 발생 시 설정
• true = customPointerEventHandler.cancelable // CustomPointerEvent 발생 시 설정
• true = customPointerEventHandler.composed // CustomPointerEvent 발생 시 설정

method

• customPointerEventHandler = static CustomPointerEventHandler.getInstance() // 싱글톤 객체 생성
• void = static CustomPointerEventHandler.activate() // window 기준으로 동작 시작 (싱글톤)
• void = static CustomPointerEventHandler.deactivate() // window 기준으로 동작 중지 (싱글톤)
• void = customPointerEventHandler.addEventListener(listener) // listener 에 CustomPointerEventHandler 동작 시작
• void = customPointerEventHandler.removeEventListener() // CustomPointerEventHandler 동작 중지
• pointerMeasurer = customPointerEventHandler.generatePointerMeasurer(event) // event 기준 PointerMeasurer 객체 생성
• object = customPointerEventHandler.options(event,message) // CustomEvent 용 option
• object = customPointerEventHandler.detail(event,message) // CustomEvent 용 option.detail
• null = customPointerEventHandler.setEvent(event) // 이벤트 기준 내부 변수 계산
• null = customPointerEventHandler.reset() // 내부 변수 초기화
• null = customPointerEventHandler.cbPointerdown(event) // pointerdown 이벤트 리스너 등록용 콜백 화살표 함수
• null = customPointerEventHandler.cbPointermove(event) // pointermove 이벤트 리스너 등록용 콜백 화살표 함수
• null = customPointerEventHandler.cbPointerup(event) // pointerup 이벤트 리스너 등록용 콜백 화살표 함수
• null = customPointerEventHandler.cbPointercancel(event) // pointercancel 이벤트 리스너 등록용 콜백 화살표 함수
• null = customPointerEventHandler.pointerdown(event) // pointerdown 이벤트 처리 메소드
• null = customPointerEventHandler.pointermove(event) // pointermove 이벤트 처리 메소드
• null = customPointerEventHandler.pointerup(event) // pointerup 이벤트 처리 메소드
• null = customPointerEventHandler.pointercancel(event) // pointercancel 이벤트 처리 메소드

event

• custompointerdown // pointerdown 발생 때
• custompointermove // pointermove 발생 때
• custompointerup // pointerup 발생 때
• custompointercancel // pointercancel 발생 때
• CustomEvent 로 발생시킨다.

---

---

---