smartphone touch event

madmicio · Oct 6, 2023 · c4b59ce · c4b59ce
1 parent 2c4d43c
commit c4b59ce
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/lg-remote-control.js b/lg-remote-control.js
@@ -560,12 +560,28 @@ class LgRemoteControl extends LitElement {
                 updateValue("volume_up");
             }
         });
+
+        plusButton.addEventListener("touchstart", (e) => {
+            e.preventDefault(); // Impedisci il comportamento predefinito del tocco
+            if (!isNaN(this.volume_value)) {
+                this._show_vol_text = true;
+                this.longPressTimer = setTimeout(() => updateValue("volume_up"), 200);
+            }
+        });
+
         plusButton.addEventListener("mouseup", () => {
             clearTimeout(this.longPressTimer);
             this.valueDisplayTimeout = setTimeout(() => {
                 this._show_vol_text = false;
             }, 500);
         });
+
+        plusButton.addEventListener("touchend", () => {
+            clearTimeout(this.longPressTimer);
+            this.valueDisplayTimeout = setTimeout(() => {
+                this._show_vol_text = false;
+            }, 500);
+        });
 
         plusButton.addEventListener("mouseout", () => {
             clearTimeout(this.longPressTimer);
@@ -578,13 +594,28 @@ class LgRemoteControl extends LitElement {
                 updateValue("volume_down");
             }
         });
+
+        minusButton.addEventListener("touchstart", (e) => {
+            e.preventDefault(); // Impedisci il comportamento predefinito del tocco
+            if (!isNaN(this.volume_value)) {
+                this._show_vol_text = true;
+                this.longPressTimer = setTimeout(() => updateValue("volume_down"), 200);
+            }
+        });
 
         minusButton.addEventListener("mouseup", () => {
             clearTimeout(this.longPressTimer);
             this.valueDisplayTimeout = setTimeout(() => {
                 this._show_vol_text = false;
             }, 500);
         });
+
+        minusButton.addEventListener("touchend", () => {
+            clearTimeout(this.longPressTimer);
+            this.valueDisplayTimeout = setTimeout(() => {
+                this._show_vol_text = false;
+            }, 500);
+        });
 
         minusButton.addEventListener("mouseout", () => {
             clearTimeout(this.longPressTimer);