diff --git a/source/code/hippie/app.js b/source/code/hippie/app.js index f0028a5..50efe38 100644 --- a/source/code/hippie/app.js +++ b/source/code/hippie/app.js @@ -341,6 +341,7 @@ class DateDisplay { } } +// TODO: Kompatibilität für Zeiger function checkButtonAndTarget(event, element, button = 0) { return ( event.button === button && diff --git a/source/code/windows.js b/source/code/windows.js index 8a115a9..01a3c7d 100644 --- a/source/code/windows.js +++ b/source/code/windows.js @@ -21,9 +21,9 @@ class HippieTaskBar { // TODO: Ereignisse besser delegieren init() { - this.element.addEventListener('mousedown', this.onMouseDown.bind(this)); - document.addEventListener('mousemove', this.onMouseMove.bind(this)); - document.addEventListener('mouseup', this.onMouseUp.bind(this)); + this.element.addEventListener('pointerdown', this.onDown.bind(this)); + document.addEventListener('pointermove', this.onMove.bind(this)); + document.addEventListener('pointerup', this.onUp.bind(this)); const dateElement = document.createElement('span'); @@ -34,7 +34,7 @@ class HippieTaskBar { this.setOptions(this.options.position); } - onMouseDown(event) { + onDown(event) { if (checkButtonAndTarget(event, this.element, 0)) { console.debug('Drag mode enabled'); @@ -48,7 +48,7 @@ class HippieTaskBar { event.preventDefault(); } - onMouseMove(event) { + onMove(event) { if (this.isDragging) { this.options.position = getClosestEdgeToMouse(event); const borderRadius = '4px'; @@ -116,7 +116,7 @@ class HippieTaskBar { } } - onMouseUp() { + onUp() { if (event.target === this.placeholder) { console.debug('Drag mode disabled');