Javascript 如何在keydown上删除悬停类？

你能告诉我如何删除按键下的悬停类吗

1） 悬停第二项。它将悬停类应用于第二项“b”

现在，如果用户按下keydown事件代码40，它会从元素中删除hover类吗？如何从keydown事件中删除hover类

你能告诉我如何删除按键下的悬停类吗

hover不是一个类，您需要创建一个类，并在mousenter和mouseleave上添加/删除相同的类

试试这个

---

对于那些不知道上面的密码的人。。40代表

向下箭头键

。如果用户从不悬停任何元素，会发生什么？仅供参考，向下键！=凯普…你在找这个吗？请注意，只需将鼠标悬停在列表项上，将无法获得该列表项的焦点，您需要单击以使“向下键”工作：）无法工作小提琴..很抱歉，实际上它没有删除背景色

 $(function() {
     $('#main-menu').on({
         mouseenter: function() {
             console.log("mouse over")
         },
         mouseleave: function() {
             console.log("mouse leave")
         }
     });



 })

 $(document).on('keyup', function(event) {

     if (event.which == 40) { // 40 is Array key down event code
         console.log('remove focus or hover from selected item ');

     }
 })

$('#main-menu').on("mouseenter", "li", function() {
    $( this ).addClass( "hover" ); 
});
$('#main-menu').on("mouseleave", "li", function() {
    $( this ).removeClass( "hover" ); 
});

$(document).ready( function(){

    $( "li" ).first().focus();

    $(document).keydown(function () {
        console.log(event.which);
        if(event.which==40)
        {
            console.log('remove focus or hover from selected item ');
            $( "li.hover" ).removeClass( "hover" ).next().addClass( "hover" );
        }
    });

} );