JQuery Capture Single -Taste -Drücken -Ereignis (Tastaturverknüpfungen)

einzelne Schlüsselereignisse mit jQuery (Tastaturverknüpfung)

fangen

Um die Leistung der Website und die Benutzererfahrung zu verbessern, müssen wir möglicherweise einige Tastaturverknüpfungen hinzufügen, um gemeinsame Website -Aufgaben schneller auszuführen! In diesem Artikel wird in einer einfachen und leicht verständlichen Sprache erklärt, wie Sie Tastaturereignisse mit JQuery erstellen. Suchen Sie die Tastencodes der gedrückten Tastatur-Tasten.

Folgendes ist die Implementierungsmethode:

//这是一个通用的设置，用于在jQuery中捕获keyup事件，并将结果记录到firebug控制台

if(typeof console == 'undefined'){
    console = {};
    console.log = function(arg){return false;};
}

$(document).keyup(function(e){
    //找出按下了哪个键
    switch(e.keyCode){
        case 65 :   console.log('a');   break;  // a
        case 66 :   console.log('b');   break;  // b
        case 67 :   console.log('c');   break;  // c
        case 68 :   console.log('d');   break;  // d
        case 69 :   console.log('e');   break;  // e
        case 70 :   console.log('f');   break;  // f
        case 71 :   console.log('g');   break;  // g
        case 72 :   console.log('h');   break;  // h
        case 73 :   console.log('i');   break;  // i
        case 74 :   console.log('j');   break;  // j
        case 75 :   console.log('k');   break;  // k
        case 76 :   console.log('l');   break;  // l
        case 77 :   console.log('m');   break;  // m
        case 78 :   console.log('n');   break;  // n
        case 79 :   console.log('o');   break;  // o
        case 80 :   console.log('p');   break;  // p
        case 81 :   console.log('q');   break;  // q
        case 82 :   console.log('r');   break;  // r
        case 83 :   console.log('s');   break;  // s
        case 84 :   console.log('t');   break;  // t
        case 85 :   console.log('u');   break;  // u
        case 86 :   console.log('v');   break;  // v
        case 87 :   console.log('w');   break;  // w
        case 88 :   console.log('x');   break;  // x
        case 89 :   console.log('y');   break;  // y
        case 90 :   console.log('z');   break;  // z
    }
});

häufig gestellte Fragen zur Erfassung von Einzelschlüsselereignissen

Wie kann ich JQuery verwenden, um einen einzelnen Schlüsselpress zu erfassen?

keypress() Um JQuery zu verwenden, um einen einzelnen Schlüssel zu erfassen, können Sie die Methode keypress verwenden. Diese Methode löst das Ereignis keypress aus oder fügt eine Funktion bei, die ausgeführt wird, wenn das Ereignis auftritt. Hier ist ein einfaches Beispiel:

$(document).keypress(function(event){
  alert('按下的键：' + String.fromCharCode(event.which));
});

Was ist der Unterschied zwischen

keydown, keypress und keyup Ereignissen?

keydown, keypress und keyup Ereignisse beziehen sich alle auf Tastaturinteraktionen, sie werden jedoch zu unterschiedlichen Zeiten ausgelöst. Das keydown -Ereignis wird ausgelöst, wenn die Taste gedrückt wird. Das keypress -Ereigner wird ausgelöst, wenn die Taste, die den Zeichenwert erzeugt, gedrückt wird. Das keyup -Ereignis wird abgefeuert, wenn der Schlüssel veröffentlicht wird.

Wie blockiere ich den Standardbetrieb von Tastendruckereignissen?

Um den Standardbetrieb von Taste -Drücken -Ereignissen in der Ereignishandlerfunktion zu blockieren, können Sie die Methode event.preventDefault() verwenden. Wenn Sie beispielsweise verhindern möchten, dass das Formular beim Drücken der Eingabetaste eingereicht wird, können Sie Folgendes ausführen:

$('form').keypress(function(event){
  if(event.which == 13){
    event.preventDefault();
    alert('阻止表单提交！');
  }
});

Wie kann ich feststellen, welche Taste gedrückt wird?

Sie können das Attribut event.which in der Ereignishandlerfunktion verwenden, um festzustellen, welche Taste gedrückt wird. Diese Eigenschaft gibt den Unicode -Wert des Schlüssels zurück, der das Ereignis keypress auslöst. Zum Beispiel:

$(document).keypress(function(event){
  alert('按下的键：' + String.fromCharCode(event.which));
});

Kann das Ereignis keypress verwendet werden, um Nicht-Charakter-Schlüssel zu erkennen?

Nein, das Ereignis keypress wird nur ausgelöst, wenn die Taste, die den Zeichenwert erzeugt, gedrückt wird. Dies bedeutet, dass es keine Schlüssel auslöst, die keine Zeichen usw. erzeugen. Wenn Sie Nicht-Charakter-Schlüssel erkennen müssen, verwenden Sie stattdessen die Ereignisse keydown oder keyup.

(Die Antworten auf nachfolgende Fragen entsprechen dem Originaltext, der hier weggelassen wird, um Duplizierung zu vermeiden.)

Das obige ist der detaillierte Inhalt vonJQuery Capture Single -Taste -Drücken -Ereignis (Tastaturverknüpfungen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!