Javascript 如果条件取决于css

我有一个困扰了我一天的问题，我不能把它弄对。我有两个按键功能，如果类“active”未被使用，它可以在某些状态下更改背景图像。 像这样：

if ($('li').hasClass('active')) {
        letterIndex = letterIndex + 1;
        $(this).html(letters[letterIndex]);
}
else {
        $('.content').css("background-image", "url(img/screen-back.jpg)"); 
        $('li').blur(); // remove focus
}

我想要的是，当你按下up键时，背景图像会被更新为一个新的图像，这样可以工作，然后在新的背景处于活动状态时，我希望能够按enter键转到一个不工作的url。 例如：

case key.enter:
    if (letterIndex == 0 && $(this).hasClass('active')) {
        $(this).prev().remove();
    }
    else if ($('.content').css('background-image') === 'url(img/screen-default.jpg)') {
        // go to url
    }                           
    else {                              
        $(this).closest('li').toggleClass('active');
    }
    break;

如果默认背景图像处于活动状态，则If条件有效，但如果我将其更改为另一个图像，则不会发生任何事情。不幸的是，我无法添加所有的图像，但我已经创建了一个供参考的小提琴。我将非常感谢任何在正确方向上的帮助

尝试：

---

使用焦点事件检查内部向上和向下键事件

if ($(this).is(':focus')) {
    letterIndex = letterIndex + 1;
    $(this).html(letters[letterIndex]);
}else {
    $('.content').css("background-image", "url(img/screen-back.jpg)"); 
    $('li').blur(); // remove focus
}

这就是你想做的吗？

---

$'li'.blur；//移除焦点如果$'.content'.css'background-image'=='urlimg/screen default.jpg'，则只能模糊inputelse{哦，我的错。我已经解决了。但这实际上不是问题的原因。我担心我的问题可能有点不清楚。对于enter键的键功能，我只想在某个背景图像处于活动状态时转到url。例如，如果背景图像等于img/screen-check.jpg，请转到url。

if ($(this).is(':focus')) {
    letterIndex = letterIndex + 1;
    $(this).html(letters[letterIndex]);
}else {
    $('.content').css("background-image", "url(img/screen-back.jpg)"); 
    $('li').blur(); // remove focus
}