Das Pointer Event ist Genial! :)
Mit ihm läuft das Maus und das Touch Event in einem!
Zudem läuft es auf allen wichtigen Browsern!!! :))))
Siehe im Code wie es gebraucht wird:
canvas1.addEventListener('pointerup', handlerPointerup);
canvas1.addEventListener('pointerdown', handlerPointerdown);
canvas1.addEventListener('pointermove', handlerPointermove);
//pointerup => mouseup
//pointerdown => mousedown
//pointermove => mousemove
CSS Eigenschaft für Canvas auf:
/*Damit Canvas nicht Scrollt!*/
touch-action: none;
- IE
- Edge
- Chrom
- Firefox
- Opera
Ps:
Siehe auch mein Aufzeichnungs-Programm: link