Skip to content

PointerInputEvent

Defines custom event types used throughout the ngDiagram library for handling user input.

The main type, PointerInputEvent, extends the native PointerEvent with additional flags that indicate whether specific diagram interactions (such as selection, zooming, linking, rotation) have already been handled. These flags are used by input event directives and handlers to coordinate and prevent duplicate processing of the same pointer event.

This type is used as the event parameter in input event handlers and services across the public API and internal logic.

Example usage:

onPointerDown(event: PointerInputEvent) {
if (!event.linkingHandled) {
// handle linking logic
event.linkingHandled = true;
}
}
  • PointerEvent

readonly altitudeAngle: number

MDN Reference

PointerEvent.altitudeAngle


readonly altKey: boolean

MDN Reference

PointerEvent.altKey


readonly azimuthAngle: number

MDN Reference

PointerEvent.azimuthAngle


readonly bubbles: boolean

Returns true or false depending on how event was initialized. True if event goes through its target’s ancestors in reverse tree order, and false otherwise.

MDN Reference

PointerEvent.bubbles


readonly button: number

MDN Reference

PointerEvent.button


readonly buttons: number

MDN Reference

PointerEvent.buttons


readonly cancelable: boolean

Returns true or false depending on how event was initialized. Its return value does not always carry meaning, but true can indicate that part of the operation during which event was dispatched, can be canceled by invoking the preventDefault() method.

MDN Reference

PointerEvent.cancelable


cancelBubble: boolean

PointerEvent.cancelBubble


readonly clientX: number

MDN Reference

PointerEvent.clientX


readonly clientY: number

MDN Reference

PointerEvent.clientY


readonly composed: boolean

Returns true or false depending on how event was initialized. True if event invokes listeners past a ShadowRoot node that is the root of its target, and false otherwise.

MDN Reference

PointerEvent.composed


readonly ctrlKey: boolean

MDN Reference

PointerEvent.ctrlKey


readonly currentTarget: null | EventTarget

Returns the object whose event listener’s callback is currently being invoked.

MDN Reference

PointerInputEvent.currentTarget


readonly defaultPrevented: boolean

Returns true if preventDefault() was invoked successfully to indicate cancelation, and false otherwise.

MDN Reference

PointerEvent.defaultPrevented


readonly detail: number

MDN Reference

PointerEvent.detail


readonly eventPhase: number

Returns the event’s phase, which is one of NONE, CAPTURING_PHASE, AT_TARGET, and BUBBLING_PHASE.

MDN Reference

PointerEvent.eventPhase


readonly height: number

MDN Reference

PointerEvent.height


readonly isPrimary: boolean

MDN Reference

PointerEvent.isPrimary


readonly isTrusted: boolean

Returns true if event was dispatched by the user agent, and false otherwise.

MDN Reference

PointerEvent.isTrusted


readonly layerX: number

MDN Reference

PointerEvent.layerX


readonly layerY: number

MDN Reference

PointerEvent.layerY


readonly metaKey: boolean

MDN Reference

PointerEvent.metaKey


readonly movementX: number

MDN Reference

PointerEvent.movementX


readonly movementY: number

MDN Reference

PointerEvent.movementY


readonly offsetX: number

MDN Reference

PointerEvent.offsetX


readonly offsetY: number

MDN Reference

PointerEvent.offsetY


readonly pageX: number

MDN Reference

PointerEvent.pageX


readonly pageY: number

MDN Reference

PointerEvent.pageY


readonly pointerId: number

MDN Reference

PointerEvent.pointerId


readonly pointerType: string

MDN Reference

PointerEvent.pointerType


readonly pressure: number

MDN Reference

PointerEvent.pressure


readonly relatedTarget: null | EventTarget

MDN Reference

PointerEvent.relatedTarget


returnValue: boolean

PointerEvent.returnValue


readonly screenX: number

MDN Reference

PointerEvent.screenX


readonly screenY: number

MDN Reference

PointerEvent.screenY


readonly shiftKey: boolean

MDN Reference

PointerEvent.shiftKey


readonly srcElement: null | EventTarget

PointerInputEvent.srcElement


readonly tangentialPressure: number

MDN Reference

PointerEvent.tangentialPressure


readonly target: null | EventTarget

Returns the object to which event is dispatched (its target).

MDN Reference

PointerInputEvent.target


readonly tiltX: number

MDN Reference

PointerEvent.tiltX


readonly tiltY: number

MDN Reference

PointerEvent.tiltY


readonly timeStamp: number

Returns the event’s timestamp as the number of milliseconds measured relative to the time origin.

MDN Reference

PointerEvent.timeStamp


readonly twist: number

MDN Reference

PointerEvent.twist


readonly type: string

Returns the type of event, e.g. “click”, “hashchange”, or “submit”.

MDN Reference

PointerEvent.type


readonly view: null | Window

MDN Reference

PointerEvent.view


readonly which: number

PointerEvent.which


readonly width: number

MDN Reference

PointerEvent.width


readonly x: number

MDN Reference

PointerEvent.x


readonly y: number

MDN Reference

PointerEvent.y

composedPath(): EventTarget[]

Returns the invocation target objects of event’s path (objects on which listeners will be invoked), except for any nodes in shadow trees of which the shadow root’s mode is “closed” that are not reachable from event’s currentTarget.

MDN Reference

EventTarget[]

PointerEvent.composedPath


getCoalescedEvents(): PointerEvent[]

Available only in secure contexts.

MDN Reference

PointerEvent[]

PointerEvent.getCoalescedEvents


getModifierState(keyArg): boolean

MDN Reference

string

boolean

PointerEvent.getModifierState


getPredictedEvents(): PointerEvent[]

MDN Reference

PointerEvent[]

PointerEvent.getPredictedEvents


initEvent(type, bubbles?, cancelable?): void

string

boolean

boolean

void

PointerEvent.initEvent


initMouseEvent(typeArg, canBubbleArg, cancelableArg, viewArg, detailArg, screenXArg, screenYArg, clientXArg, clientYArg, ctrlKeyArg, altKeyArg, shiftKeyArg, metaKeyArg, buttonArg, relatedTargetArg): void

string

boolean

boolean

Window

number

number

number

number

number

boolean

boolean

boolean

boolean

number

null | EventTarget

void

PointerEvent.initMouseEvent


initUIEvent(typeArg, bubblesArg?, cancelableArg?, viewArg?, detailArg?): void

string

boolean

boolean

null | Window

number

void

PointerEvent.initUIEvent


preventDefault(): void

If invoked when the cancelable attribute value is true, and while executing a listener for the event with passive set to false, signals to the operation that caused event to be dispatched that it needs to be canceled.

MDN Reference

void

PointerEvent.preventDefault


stopImmediatePropagation(): void

Invoking this method prevents event from reaching any registered event listeners after the current one finishes running and, when dispatched in a tree, also prevents event from reaching any other objects.

MDN Reference

void

PointerEvent.stopImmediatePropagation


stopPropagation(): void

When dispatched in a tree, invoking this method prevents event from reaching any objects other than the current object.

MDN Reference

void

PointerEvent.stopPropagation