feature: show state of the modifier keys, such as CapsLock and NumLock about keybr.com

[j10ccc]

There is a compatible problem should be fixed before implementing this feature.

Different browsers handle key up&down event vary. When you press and release the CapsLock key firstly, Chrome only triggers a onkeydown event, while firefox triggers both onkeydown and onkeyup events. And Chrome handles NumLock as a normal key.

A solution is here. keyDown event is not fired for Capslock in Mac

[j10ccc]

Could you assign this to me, I believe I am capable for this.😁

[aradzie]

There is a compatible problem should be fixed before implementing this feature.

Different browsers handle key up&down event vary. When you press and release the CapsLock key firstly, Chrome only triggers a onkeydown event, while firefox triggers both onkeydown and onkeyup events. And Chrome handles NumLock as a normal key.

A solution is here. keyDown event is not fired for Capslock in Mac

Well maybe not all hope is lost. I've test it myself with Chrome and Firefox, in Windows and Linux. Every combination worked as expected, both the keydown and the keyup events are reported for CapsLock. See entries 1 and 2 in the table below.

Try it yourself: https://w3c.github.io/uievents/tools/key-event-viewer.html

However, there are discrepancies in how the modifier state is reported between Linux/Windows. It makes this issue slightly more complicated but still doable.