feat: Change mouse to pointer for windows
This commit is contained in:
parent
99b98635e7
commit
2091dc4f30
2 changed files with 7 additions and 6 deletions
|
|
@ -341,6 +341,7 @@ class DateDisplay {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// TODO: Kompatibilität für Zeiger
|
||||||
function checkButtonAndTarget(event, element, button = 0) {
|
function checkButtonAndTarget(event, element, button = 0) {
|
||||||
return (
|
return (
|
||||||
event.button === button &&
|
event.button === button &&
|
||||||
|
|
|
||||||
|
|
@ -21,9 +21,9 @@ class HippieTaskBar {
|
||||||
|
|
||||||
// TODO: Ereignisse besser delegieren
|
// TODO: Ereignisse besser delegieren
|
||||||
init() {
|
init() {
|
||||||
this.element.addEventListener('mousedown', this.onMouseDown.bind(this));
|
this.element.addEventListener('pointerdown', this.onDown.bind(this));
|
||||||
document.addEventListener('mousemove', this.onMouseMove.bind(this));
|
document.addEventListener('pointermove', this.onMove.bind(this));
|
||||||
document.addEventListener('mouseup', this.onMouseUp.bind(this));
|
document.addEventListener('pointerup', this.onUp.bind(this));
|
||||||
|
|
||||||
const dateElement = document.createElement('span');
|
const dateElement = document.createElement('span');
|
||||||
|
|
||||||
|
|
@ -34,7 +34,7 @@ class HippieTaskBar {
|
||||||
this.setOptions(this.options.position);
|
this.setOptions(this.options.position);
|
||||||
}
|
}
|
||||||
|
|
||||||
onMouseDown(event) {
|
onDown(event) {
|
||||||
if (checkButtonAndTarget(event, this.element, 0)) {
|
if (checkButtonAndTarget(event, this.element, 0)) {
|
||||||
console.debug('Drag mode enabled');
|
console.debug('Drag mode enabled');
|
||||||
|
|
||||||
|
|
@ -48,7 +48,7 @@ class HippieTaskBar {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
}
|
}
|
||||||
|
|
||||||
onMouseMove(event) {
|
onMove(event) {
|
||||||
if (this.isDragging) {
|
if (this.isDragging) {
|
||||||
this.options.position = getClosestEdgeToMouse(event);
|
this.options.position = getClosestEdgeToMouse(event);
|
||||||
const borderRadius = '4px';
|
const borderRadius = '4px';
|
||||||
|
|
@ -116,7 +116,7 @@ class HippieTaskBar {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
onMouseUp() {
|
onUp() {
|
||||||
if (event.target === this.placeholder) {
|
if (event.target === this.placeholder) {
|
||||||
console.debug('Drag mode disabled');
|
console.debug('Drag mode disabled');
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue