Class: MouseHandler
MouseHandler(element)
new MouseHandler(element)
The constructor.
Pass the DOM element you want to receive mouse events from.
Usage
=====
Parameters:
Name | Type | Description |
---|---|---|
element |
HTMLElement |
- Source:
Examples
// 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 );
} )
// 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 );
} )