File size: 2,131 Bytes
89610f7 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 | // TOUCH CONTROLS – simulate real keyCode events
if ('ontouchstart' in window || navigator.maxTouchPoints > 0) {
const pressed = new Set(); // track which "keyCodes" are down
function dispatchKey(type, keyCodeStr) {
const keyCode = parseInt(keyCodeStr, 10);
if (!keyCode) return;
// Create old-style KeyboardEvent with keyCode (needed for this emulator)
const event = document.createEvent ? document.createEvent('KeyboardEvent') : new KeyboardEvent(type);
// Modern way to set keyCode (works in most browsers)
if (event.initKeyboardEvent) {
event.initKeyboardEvent(
type, true, true, window,
false, false, false, false,
keyCode, keyCode
);
} else {
// Fallback for newer KeyboardEvent constructors
Object.defineProperties(event, {
keyCode: { value: keyCode, writable: true },
which: { value: keyCode, writable: true }
});
}
// Also try dispatching on document, window, and canvas
document.dispatchEvent(event);
window.dispatchEvent(event);
document.getElementById('screen')?.dispatchEvent(event);
}
document.querySelectorAll('[data-keycode]').forEach(el => {
const keyCode = el.dataset.keycode;
el.addEventListener('touchstart', e => {
e.preventDefault(); // stops scrolling/zoom on mobile
if (!pressed.has(keyCode)) {
pressed.add(keyCode);
dispatchKey('keydown', keyCode);
}
}, { passive: false });
el.addEventListener('touchend', e => {
e.preventDefault();
if (pressed.has(keyCode)) {
pressed.delete(keyCode);
dispatchKey('keyup', keyCode);
}
}, { passive: false });
el.addEventListener('touchcancel', e => {
e.preventDefault();
if (pressed.has(keyCode)) {
pressed.delete(keyCode);
dispatchKey('keyup', keyCode);
}
}, { passive: false });
// Optional: visual feedback on press
el.addEventListener('touchstart', () => el.classList.add('pressed'));
el.addEventListener('touchend touchcancel', () => el.classList.remove('pressed'));
});
} |