jQuery-Aufnahme beider HOVER-und FOKUS zusammen (Maus und Tastatur)

Ich Baue ein mega-Menü, wo ich möchte in der Lage sein, um die trigger-Menü per hover (mit der Maus) und Fokus (wie tabbing, um es über die Tastatur).

Dies ist, was ich derzeit mache:

$(".megaMenu-trigger").focus(function (){$(this).hover()});
$(".megaMenu-trigger").hover(function(){
    //do the stuff
});

Dies funktioniert, aber Frage mich, ob das der ideale Weg, um Tastatur-und Maus-Interaktionen zusammen.

InformationsquelleAutor DA. | 2010-01-12

  1. 10

    können Sie die bind-Methode zu binden mehrerer Ereignisse zu einer Aktion, d.h.

    $('.megaMenu-trigger').bind("mouseenter focus mouseleave", 
        function(event) { console.log(event.type); });
    einfach genug! Das ist auf jeden Fall übersichtlicher. Ist auch leistungsfähigere vom performance-Standpunkt aus?
    Ich würde davon ausgehen, dass JQuery verarbeitet es in der effizienteste Weg
    Es sieht aus wie jQuery 1.7+ jetzt bevorzugt, die Sie verwenden .on() statt .bind(). So ziemlich dieselbe syntax, aber für diese Antwort. Ersetzen Sie einfach bind mit on, folgendermassen: $('.megaMenu-trigger').on("mouseenter focus mouseleave", function(event) { console.log(event.type); });

    InformationsquelleAutor Aly

  2. 0

    Die Antwort auf Ihr problem ist ein UI-design-Entscheidung.

    • Sollten Mauszeiger oder der Tab-stets Vorrang vor den anderen?
    • Oder sollte es an der Zeit bezogen, wo die jüngsten sogar Vorrang?
    • Das Gegenteil wäre der Fall, halten Sie die Menü zu öffnen, und deaktivieren Sie andere Ereignisse, bis das Menü geschlossen ist.

    Übrigens mein Mac OS zu funktionieren scheint ist auch das neueste Ereignis. Vielleicht sind einige web-Designer beschlossen, einen anderen Weg gehen?

    hmmm, ja, es gibt mehr details, die bedacht werden müssen durch...speziell, was auslösen würde, das Menü zu schließen. Food for thought!

    InformationsquelleAutor Derek Litz

Schreibe einen Kommentar