feat: mobile keyboard support

examples/web/index.css

@@ -547,6 +547,18 @@ p {
 .keyboard {
     font-size: 0px;
     text-align: center;
+    touch-callout: none;
+    -o-touch-callout: none;
+    -ms-touch-callout: none;
+    -moz-touch-callout: none;
+    -khtml-touch-callout: none;
+    -webkit-touch-callout: none;
+    user-select: none;
+    -o-user-select: none;
+    -ms-user-select: none;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
 }
 
 .keyboard > .keyboard-line {
@@ -572,12 +584,6 @@ p {
     line-height: 46px;
     margin-right: 14px;
     text-align: center;
-    user-select: none;
-    -o-user-select: none;
-    -ms-user-select: none;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
     width: 48px;
 }
 

examples/web/index.html

@@ -150,4 +150,4 @@
 <script type="module" src="index.ts"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file

examples/web/index.ts

@@ -493,11 +493,29 @@ const registerKeyboard = () => {
         k.addEventListener("mousedown", function () {
             const keyCode = KEYS[this.textContent.toLowerCase()];
             state.chip8.key_press_ws(keyCode);
+            event.preventDefault();
+            event.stopPropagation();
+        });
+
+        k.addEventListener("touchstart", function (event) {
+            const keyCode = KEYS[this.textContent.toLowerCase()];
+            state.chip8.key_press_ws(keyCode);
+            event.preventDefault();
+            event.stopPropagation();
         });
 
         k.addEventListener("mouseup", function () {
             const keyCode = KEYS[this.textContent.toLowerCase()];
             state.chip8.key_lift_ws(keyCode);
+            event.preventDefault();
+            event.stopPropagation();
+        });
+
+        k.addEventListener("touchend", function () {
+            const keyCode = KEYS[this.textContent.toLowerCase()];
+            state.chip8.key_lift_ws(keyCode);
+            event.preventDefault();
+            event.stopPropagation();
         });
     });
 };