如何在 JS 的焦点事件上使用 "getModifierState"？

Question

我正在尝试获取输入焦点事件的大写锁定状态这是我的代码

$('#Input')[0].addEventListener('focus', function (key) {
                         if (key.originalEvent.getModifierState("CapsLock"))
                            //do something...
                        else {
                            //do something..
                        }
                });

但是我遇到了这个错误 "Cannot read property 'getModifierState' of undefined"，而且我不知道自己做错了什么。提前阅读的一些建议或link。

Answer 1

有不同类型的事件对象。 getModifierState 仅为 KeyboardEvent（例如 keydown）和 MouseEvent（例如 click）定义； focus 两者都不是。

~~您可能会考虑使用 click 并记住您是否已经获得焦点（例如，如果点击是在一个已经获得焦点的元素中，您就不会重复该操作）。~~ 呃，不，这是一个糟糕的建议。除了点击之外，您的元素可以通过多种方式获得焦点。

如何在 JS 的焦点事件上使用 "getModifierState"？

How can use "getModifierState" on focus event with JS?

javascript

focus

addeventlistener

modifier