pixijs-events

PixiJS's federated event system mirrors DOM events on the scene graph. Set container.eventMode = 'static' to opt an object in, then listen with .on() , addEventListener() , or onEventName property handlers. Move events fire only over the listening object; use globalpointermove for drag. Quick Start const button = new Sprite ( await Assets . load ( "button.png" ) ) ; button . eventMode = "static" ; button . cursor = "pointer" ; app . stage . addChild ( button ) ; button . on ( "pointertap" , ( event ) => { console . log ( "clicked at" , event . global . x , event . global . y ) ; } ) ; let dragging = false ; button . on ( "pointerdown" , ( ) => { dragging = true ; } ) ; button . on ( "pointerup" , ( ) => { dragging = false ; } ) ; button . on ( "pointerupoutside" , ( ) => { dragging = false ; } ) ; button . on ( "globalpointermove" , ( event ) => { if ( dragging ) button . parent . toLocal ( event . global , undefined , button . position ) ; } ) ;