当一个元素被聚焦时，按下一个键，触发一个 CSS 动画答案

【问题标题】：When an element is focused, on press of a key, trigger a CSS animation当一个元素被聚焦时，按下一个键，触发一个 CSS 动画
【发布时间】：2014-05-06 08:09:02
【问题描述】：

我正在尝试通过添加键盘导航和操作使该网站更易于访问。

我正在尝试做的是通过制表符来关注.dataCard 类的成员，然后按下某些键，触发某些 css 动画。

按下左箭头键，触发.left 类添加和动画
按右箭头键或删除时，触发.right 类添加和动画

这是我的代码，为什么它不起作用？

$('.dataCard').focus(function(){
    $(this).keydown(function(event){
        if(event.target === this){
            if(event.which === '37'){
                $('.dataCard').not('.focused, .greeting, .spelling').addClass('animated').addClass('left');
            }
            else if(event.which === '39' || event.which === '46'){
                $('.dataCard').not('.focused, .greeting, .spelling').addClass('animated').addClass('right');
            }
        }
    });
});

【问题讨论】：

你能做一个小提琴吗？
@AamirAfridi 我想通了。回答我的问题。
请拨弄一下，除非我们无法准确解决问题

标签： javascript jquery

【解决方案1】：

当检查哪个键被按下时，不要使用字符串，键码是一个int。

if(event.which === 37)

【讨论】：

或者如果您使用字符串，请确保您只使用两个 == 符号。因为这会在比较它们之前将值强制为相同的类型