lukajankovic/remote-touchpad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Prevent touch triggering mouse mode

Browse source
This commit is contained in:
Unrud 2023-04-25 01:38:50 +02:00
parent b239ca7160
commit 20cea84056
1 changed files with 9 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
webdata/app/ui.mjs
View file

@ -22,6 +22,8 @@ import Mouse from "./mouse.mjs";
import Touchpad from "./touchpad.mjs"; import Touchpad from "./touchpad.mjs";
import * as compat from "./compat.mjs"; import * as compat from "./compat.mjs";
const IGNORE_CLICK_AFTER_TOUCH_DURATION = 1000; // milliseconds
const scenes = document.querySelectorAll("body > .scene"); const scenes = document.querySelectorAll("body > .scene");
const openingScene = document.getElementById("opening"); const openingScene = document.getElementById("opening");
const closedScene = document.getElementById("closed"); const closedScene = document.getElementById("closed");
@ -38,6 +40,7 @@ export default class UI {
#keysActiveName = ""; #keysActiveName = "";
#ready = false; #ready = false;
#closed = false; #closed = false;
#ignoreClickUntilTimeStamp = Number.MIN_VALUE;
#inputController; #inputController;
#mouse; #mouse;
#keyboard; #keyboard;
@ -51,6 +54,7 @@ export default class UI {
this.#touchpad = new Touchpad(inputController, this.#touchpad = new Touchpad(inputController,
(target) => target.classList.contains("touch-input")); (target) => target.classList.contains("touch-input"));
document.addEventListener("mousedown", this.#handleMousedown.bind(this)); document.addEventListener("mousedown", this.#handleMousedown.bind(this));
document.addEventListener("touchend", this.#handleTouchend.bind(this));
textInput.addEventListener("input", this.#handleTextInput.bind(this)); textInput.addEventListener("input", this.#handleTextInput.bind(this));
sendText.addEventListener("click", this.#handleSendText.bind(this)); sendText.addEventListener("click", this.#handleSendText.bind(this));
window.addEventListener("popstate", () => { this.#update(); }); window.addEventListener("popstate", () => { this.#update(); });
@ -75,8 +79,13 @@ export default class UI {
this.#update(); this.#update();
} }
#handleTouchend(event) {
this.#ignoreClickUntilTimeStamp = event.timeStamp + IGNORE_CLICK_AFTER_TOUCH_DURATION;
}
#handleMousedown(event) { #handleMousedown(event) {
if (this.#activeScene != mouseScene && event.buttons == 1 && if (this.#activeScene != mouseScene && event.buttons == 1 &&
this.#ignoreClickUntilTimeStamp <= event.timeStamp &&
event.target.classList.contains("mouse-input")) { event.target.classList.contains("mouse-input")) {
compat.requestPointerLock(mouseScene); compat.requestPointerLock(mouseScene);
} }