jQuery mouseenterはマウスでうまく動作しますが、タブキーでは機能しません

Question

$("#list li:eq(0)").bind('mouseenter focus', function(event) { 

jQuery("#logo img").css('top', '-132px'); 
console.log(event.type, " :: ", this.id); 
    }).bind('blur mouseleave', function(event) { 

jQuery("#logo img").css('top', '-41px'); 
console.log(event.type, " :: ", this.id); 
    }); 

このjQueryの部分は、 同様の問題が発生しましたか？

私は両方のイベントを起動し、まだ動作していないことを試みました！

マウスイベントでイベントが発生した場合は、フォーカスは何もありません。

Answer 1

mouseenterとmouseleaveは何の関係もありませんキーボードイベントでは、要素がキーボードを得たときに起動されませんfocus。

これは少し近い、mouseenterとfocusの両方で、あなたのコードの火を持っている：

$("#MesActivites li:eq(0)").bind("mouseenter focus", function (event) { 
    jQuery("#MesActivites ul:eq(1)").css('top', '45px').css('left', '-1px'); 
    jQuery("#rfr-header-logo").css('display', 'none'); 
    console.log(event.type, " :: ", this.id); 
}).bind("mouseleave blur", function (event) { 
    jQuery("#MesActivites ul:eq(1)").css('top', '-1000px').css('left', '-1px'); 
    jQuery("#rfr-header-logo").css('display', 'block'); 
    console.log(event.type, " :: ", this.id); 
}); 

Answer 2

マウスイベントは、一般的にキー操作では発生しません。 .focus()と.blur()はあなたが後にしているものです。

• http://api.jquery.com/category/events/

編集：ほとんどの非フォーム要素は、デフォルトでフォーカスを受け入れることができない、あなたは彼らにtabindex属性を追加する必要があります。

<li tabindex="0" ... > ... </li>