Classes
- EventBoundary
- EventsTickerClass
- EventSystem
- FederatedMouseEvent
- FederatedPointerEvent
- FederatedWheelEvent
Interface Definitions
-
The event features that are enabled by the EventSystem (included in the pixi.js and pixi.js-legacy bundle), otherwise it will be ignored.
pointerup/mouseup/touchend/ 'rightup'pointerupoutside/mouseupoutside/touchendoutside/ 'rightupoutside'pointerdown/ 'mousedown' /touchstart/ 'rightdown'click/tapglobalpointermoveglobalmousemoveglobaltouchemovepointermove/mousemove/touchmovepointerout/mouseoutpointerover/mouseover- Enables wheel events.
- Since:
- 7.2.0
Properties:
Name Type Description clickboolean Enables pointer events associated with clicking:
globalMoveboolean Enables global pointer move events:
moveboolean Enables pointer events associated with pointer movement:
wheelboolean -
Describes the shape for a FederatedEvent's'
eventTarget.Properties:
Name Type Description childrenReadonlyArray<FederatedEventTarget> The children of this event target.
isInteractive() => boolean Returns true if the Container has interactive 'static' or 'dynamic'
parentFederatedEventTarget The parent of this event target.
-
The options for interactive objects.
Properties:
Name Type Description cursorevents.Cursor | string The cursor preferred when the mouse pointer is hovering over.
eventModeevents.EventMode The mode of interaction for this object
hitAreaIHitArea | null The hit-area specifies the area for which pointer events should be captured by this event target.
interactiveboolean Whether this event target should fire UI events.
interactiveChildrenboolean Whether this event target has any children that need UI events. This can be used optimize event propagation.
onclickevents.FederatedEventHandler | null Handler for 'click' event
onglobalmousemoveevents.FederatedEventHandler | null Handler for 'globalmousemove' event
onglobalpointermoveevents.FederatedEventHandler | null Handler for 'globalpointermove' event
onglobaltouchmoveevents.FederatedEventHandler | null Handler for 'globaltouchmove' event
onmousedownevents.FederatedEventHandler | null Handler for 'mousedown' event
onmouseenterevents.FederatedEventHandler | null Handler for 'mouseenter' event
onmouseleaveevents.FederatedEventHandler | null Handler for 'mouseleave' event
onmousemoveevents.FederatedEventHandler | null Handler for 'mousemove' event
onmouseoutevents.FederatedEventHandler | null Handler for 'mouseout' event
onmouseoverevents.FederatedEventHandler | null Handler for 'mouseover' event
onmouseupevents.FederatedEventHandler | null Handler for 'mouseup' event
onmouseupoutsideevents.FederatedEventHandler | null Handler for 'mouseupoutside' event
onpointercancelevents.FederatedEventHandler | null Handler for 'pointercancel' event
onpointerdownevents.FederatedEventHandler | null Handler for 'pointerdown' event
onpointerenterevents.FederatedEventHandler | null Handler for 'pointerenter' event
onpointerleaveevents.FederatedEventHandler | null Handler for 'pointerleave' event
onpointermoveevents.FederatedEventHandler | null Handler for 'pointermove' event
onpointeroutevents.FederatedEventHandler | null Handler for 'pointerout' event
onpointeroverevents.FederatedEventHandler | null Handler for 'pointerover' event
onpointertapevents.FederatedEventHandler | null Handler for 'pointertap' event
onpointerupevents.FederatedEventHandler | null Handler for 'pointerup' event
onpointerupoutsideevents.FederatedEventHandler | null Handler for 'pointerupoutside' event
onrightclickevents.FederatedEventHandler | null Handler for 'rightclick' event
onrightdownevents.FederatedEventHandler | null Handler for 'rightdown' event
onrightupevents.FederatedEventHandler | null Handler for 'rightup' event
onrightupoutsideevents.FederatedEventHandler | null Handler for 'rightupoutside' event
ontapevents.FederatedEventHandler | null Handler for 'tap' event
ontouchcancelevents.FederatedEventHandler | null Handler for 'touchcancel' event
ontouchendevents.FederatedEventHandler | null Handler for 'touchend' event
ontouchendoutsideevents.FederatedEventHandler | null Handler for 'touchendoutside' event
ontouchmoveevents.FederatedEventHandler | null Handler for 'touchmove' event
ontouchstartevents.FederatedEventHandler | null Handler for 'touchstart' event
onwheelevents.FederatedEventHandler<events.FederatedWheelEvent> | null Handler for 'wheel' event
-
A PixiJS compatible
Touchevent.
Members
This class handles automatic firing of PointerEvents in the case where the pointer is stationary for too long. This is to ensure that hit-tests are still run on moving objects.
- Since:
- 7.2.0
Type Definitions
The type of cursor to use when the mouse pointer is hovering over.
can be any valid CSS cursor value
- auto
- default
- none
- context-menu
- help
- pointer
- progress
- wait
- cell
- crosshair
- text
- verticaltext
- alias
- copy
- move
- nodrop
- notallowed
- eresize
- nresize
- neresize
- nwresize
- sresize
- seresize
- swresize
- wresize
- nsresize
- ewresize
- neswresize
- colresize
- nwseresize
- rowresize
- allscroll
- zoomin
- zoomout
- grab
- grabbing
The type of interaction a Container can be. For more information on values and their meaning, see Container's eventMode property.
Can be one of the following:
'none': Ignores all interaction events, even on its children.'passive': Does not emit events and ignores all hit testing on itself and non-interactive children. Interactive children will still emit events.'auto': Does not emit events but is hit tested if parent is interactive. Same asinteractive = falsein v7'static': Emit events and is hit tested. Same asinteraction = truein v7'dynamic': Emits events and is hit tested but will also receive mock interaction events fired from a ticker to allow for interaction when the mouse isn't moving
none and passive are useful for optimizing interaction events on objects as it reduces the number of hit tests
PixiJS has to do. auto is useful for when you want to recreate how the DOM handles interaction events with
pointer-events: auto.
- Since:
- 7.2.0
Function type for handlers, e.g., onclick
The tracking data for each pointer held in the state of an EventBoundary.
pressTargetsByButton: {
[id: number]: FederatedEventTarget[];
};
clicksByButton: {
[id: number]: {
clickCount: number;
target: FederatedEventTarget;
timeStamp: number;
};
};
overTargets: FederatedEventTarget[];
Properties:
| Name | Type | Description |
|---|---|---|
clicksByButton |
Record<number, object> |
Holds clicking data for each button of the pointer. |
overTargets |
Array<Container> |
The Container propagation path over which the pointer is hovering. |
pressTargetsByButton |
Record<FederatedEventTarget, number> |
The pressed containers' propagation paths by each button of the pointer. |