Here is the modification to separate the event listeners. By applying `pointerdown` strictly to the keyboard area and `click` to the display area, the keys remain instantaneously responsive while the character selection area retains its native swipe-to-scroll functionality.
### JavaScript Modification
Replace the event listener section for the screen click with the following code:
```javascript
// screen click
var ejcjonline_keyboard = document.querySelector(".ejcjonline_keyboard");
var ejcjonline_display = document.querySelector(".ejcjonline_display");
var ek_line = document.querySelectorAll(".ejcjonline_keyboard_line");
// Use pointerdown for the keyboard to ensure instantaneous response
ejcjonline_keyboard.addEventListener("pointerdown", ejcjclick);
// Use click for the display area to allow horizontal touch scrolling
ejcjonline_display.addEventListener("click", ejcjclick);
// click event
function ejcjclick(e) {
// Prevent default behavior only for pointerdown events on keyboard elements.
// We specifically exclude .cchar_single so the browser can natively handle swipe-to-scroll.
if (e.type === "pointerdown" && (
e.target.classList.contains("ejcjonline_key") ||
e.target.classList.contains("ejcjonline_spacebarkey") ||
e.target.classList.contains("ejcjonline_fukey") ||
e.target.classList.contains("ejcjonline_punkkey")
)) {
e.preventDefault();
}
// ... [Keep the rest of the existing ejcjclick logic exactly as it is]
```
