The constructor.

Pass the DOM element you want to receive mouse events from.

Usage

Example

// Javascript
  new MouseHandler( document.getElementById('mycanvas') )
        .drag( function(e) {
        console.log( 'Mouse dragged: ' + JSON.stringify(e) );
        if( e.params.leftMouse ) ;
        else if( e.params.rightMouse ) ;
        } )
        .move( function(e) {
        console.log( 'Mouse moved: ' + JSON.stringify(e.params) );
        } )
         .up( function(e) {
             console.log( 'Mouse up. Was dragged?', e.params.wasDragged );
         } )
         .down( function(e) {
             console.log( 'Mouse down.' );
         } )
         .click( function(e) {
             console.log( 'Click.' );
         } )
         .wheel( function(e) {
             console.log( 'Wheel. delta='+e.deltaY );
         } )
Copy

Example

// Typescript
  new MouseHandler( document.getElementById('mycanvas') )
        .drag( (e:XMouseEvent) => {
        console.log( 'Mouse dragged: ' + JSON.stringify(e) );
        if( e.params.leftMouse ) ;
        else if( e.params.rightMouse ) ;
        } )
        .move( (e:XMouseEvent) => {
        console.log( 'Mouse moved: ' + JSON.stringify(e.params) );
        } )
         .up( (e:XMouseEvent) => {
             console.log( 'Mouse up. Was dragged?', e.params.wasDragged );
         } )
         .down( (e:XMouseEvent) => {
             console.log( 'Mouse down.' );
         } )
         .click( (e:XMouseEvent) => {
             console.log( 'Click.' );
         } )
         .wheel( (e:XWheelEvent) => {
             console.log( 'Wheel. delta='+e.deltaY );
         } )
Copy

Instance

Memberof

MouseHandler

Installer function to listen for a specific event: mouse-click. Pass your callbacks here.

Note: this support chaining.

Name

click

Memberof

MouseHandler

Instance

Installer function to listen for a specific event: mouse-down. Pass your callbacks here.

Note: this support chaining.

Name

down

Memberof

MouseHandler

Instance

Installer function to listen for a specific event: mouse-drag. Pass your callbacks here.

Note: this support chaining.

Name

drag

Memberof

MouseHandler

Instance

Installer function to listen for a specific event: mouse-move. Pass your callbacks here.

Note: this support chaining.

Name

move

Memberof

MouseHandler

Instance

Installer function to listen for a specific event: mouse-up. Pass your callbacks here.

Note: this support chaining.

Name

up

Memberof

MouseHandler

Instance

Installer function to listen for a specific event: mouse-wheel. Pass your callbacks here.

Note: this support chaining.

Name

wheel

Memberof

MouseHandler

Instance