# Interface: ListenerExtension (/jsdoc/pixi-vn/index/interfaces/ListenerExtension)



Defined in: [src/canvas/components/ListenerExtension.ts:13](https://github.com/DRincs-Productions/pixi-vn/blob/92a10d7481511296d22e17c43fbc1d4dd976bef8/src/canvas/components/ListenerExtension.ts#L13)

## Properties [#properties]

### on [#on]

\> **on**: \<`T`>(`event`, `fn`, `context?`) => `this`

Defined in: [src/canvas/components/ListenerExtension.ts:28](https://github.com/DRincs-Productions/pixi-vn/blob/92a10d7481511296d22e17c43fbc1d4dd976bef8/src/canvas/components/ListenerExtension.ts#L28)

Add a listener for a given event.

Add a listener for a given event.

#### Type Parameters [#type-parameters]

##### T [#t]

`T` *extends* keyof ContainerEvents<ContainerChild> | keyof AnyEvent

#### Parameters [#parameters]

##### event [#event]

`T`

##### fn [#fn]

(...`args`) => `void`

##### context? [#context]

`any`

#### Returns [#returns]

`this`

#### Example [#example]

```ts
export class Events {
    \@eventDecorator()
    static eventExample(event: FederatedEvent, component: Sprite) {
        // event code here
    }
}

sprite.on("pointerdown", Events.eventExample);
```

***

### onEventsHandlers [#oneventshandlers]

\> `readonly` **onEventsHandlers**: [`OnEventsHandlers`](/jsdoc/pixi-vn/index/interfaces/OnEventsHandlers)

Defined in: [src/canvas/components/ListenerExtension.ts:29](https://github.com/DRincs-Productions/pixi-vn/blob/92a10d7481511296d22e17c43fbc1d4dd976bef8/src/canvas/components/ListenerExtension.ts#L29)