Delay between keyboard and mouse events

Question

There is a <input type="text"> . The problem is that after triggering keyboard events (say Enter key, or another character key) and then immediately click (Touchpad) on input, the event loop does not catch mouse events. Starts to catch after a delay of ~ 800 ms.

 var el = document.getElementById('keyboard'); var prevTime = new Date().getTime(); el.addEventListener('keyup', () => { console.log('keyup'); var curTime = new Date().getTime(); console.log(curTime - prevTime); prevTime = curTime; }, false); el.addEventListener('mousedown', () => { console.log('mousedown'); var curTime = new Date().getTime(); console.log(curTime - prevTime); prevTime = curTime; }, false);

 <input type="text" id="keyboard">

Interesting moments, the delay occurs only character keys and only on the Touchpad.

OS: Windows 10,
Chrome: 68.0.3440

Why can the event loop not immediately catch the event?

The bottom line is that if you press the character key, and then very quickly click the mouse, the event is not caught (windows).
js just dutifully forwards system events of the keyboard and mouse, and it is unlikely that they can be influenced somehow, except by picking the touchpad settings
True, it’s 300ms, not 800. Here’s how you can remove it from stackoverflow.com/questions/12238587/…
Maybe the point needs to adjust the settings of the control panel?

Igor Igor 78.2k 5 gold signs 20 silver marks 49 bronze marks · Answer 1 · 2018-09-13T14:16:15

You see that in the example in question there is no delay. We have to guess what you have not shown? You are welcome:

Enter key

The delay is caused by sending the form and reloading the page.

Thanks for the answer, but in the current example, the delay is not only on the Enter key.
@KonstantinOkhotnick I'm on Windows 10, Chrome 68.0.3440.106.

Delay between keyboard and mouse events

1 answer 1

More articles: