From f693794ff543cb0765ca115d76376bad8e2f5190 Mon Sep 17 00:00:00 2001 From: Ben Harris Date: Sat, 26 Nov 2022 23:08:31 +0000 Subject: [PATCH] js: Make soft-key labels generate key events when clicked This makes the app page a little easier to test on desktop browsers that don't have SoftLeft and SoftRight keys. --- emccpre.js | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/emccpre.js b/emccpre.js index f0169ec..240cb98 100644 --- a/emccpre.js +++ b/emccpre.js @@ -567,6 +567,25 @@ function initPuzzle() { } }, true); + // Arrange that the softkey labels are clickable. This logically + // belongs as a click handler, but by the time the click event + // fires, the input focus is in the wrong place. + function button_to_key(key) { + return function(mevent) { + mevent.stopPropagation(); + mevent.preventDefault(); + var kevent = new KeyboardEvent("keydown", { + key: key, view: window, bubbles: true}); + document.activeElement.dispatchEvent(kevent); + }; + } + for (var elem of document.querySelectorAll(".lsk")) + elem.addEventListener("mousedown", button_to_key("SoftLeft")); + for (var elem of document.querySelectorAll(".csk")) + elem.addEventListener("mousedown", button_to_key("Enter")); + for (var elem of document.querySelectorAll(".rsk")) + elem.addEventListener("mousedown", button_to_key("SoftRight")); + document.addEventListener("keydown", function(event) { // Key to open the menu on KaiOS. if (event.key == "SoftRight" &&