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

我正试图通过添加键盘导航和操作来使这个网站更容易访问

我想做的是通过标签来聚焦.dataCard类的一个成员，然后按下某些键，触发某些css动画

按左箭头键，触发.left类添加和动画 按右箭头键或delete键，触发。右类添加和动画 这是我的代码，为什么不起作用

$('.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');
            }
        }
    });
});

---

检查按下哪个键时，不要使用字符串，键代码是int

if(event.which === 37)

---

“你能做一把小提琴吗？”我猜出来了。回答我的问题。请拉小提琴，除非我们不能准确地回答问题。或者如果你使用字符串，请确保你只使用两个==符号。因为这将在比较值之前将值强制为相同的类型