Heim > Web-Frontend > js-Tutorial > Die Verwendung und Definition des jQuery-Ereignisses keyup()

Die Verwendung und Definition des jQuery-Ereignisses keyup()

黄舟
Freigeben: 2017-06-27 14:14:07
Original
2427 Leute haben es durchsucht

Übersicht

Lösen Sie das Keyup-Ereignis für jedes passende Element aus

Diese Funktion ruft alle an das Keyup-Ereignis gebundenen Funktionen auf und führt sie aus, einschließlich des Standardverhaltens des Browsers . Sie können verhindern, dass das Standardverhalten des Browsers ausgelöst wird, indem Sie in einer gebundenen Funktion „false“ zurückgeben. Das Keyup-Ereignis wird ausgelöst, wenn die Taste losgelassen wird.

Parameter

fnFunctionV1.0

Die Handlerfunktion, die im Keyup-Ereignis jedes übereinstimmenden Elements gebunden ist.

[data],fnString,FunctionV1.4.3

data:keyup([Data], fn) kann Daten zur Verarbeitung durch die Funktion fn übergeben.

fn: Die Handlerfunktion, die im Keyup-Ereignis jedes übereinstimmenden Elements gebunden ist.

Beispiel

Beschreibung:

Farbe des Textfelds ändern, wenn eine Taste gedrückt wird:

jQuery-Code:

$("input").keyup(function(){ $("input").css("background-color","#D6D6FF"); });
Nach dem Login kopieren

keyup()-Ereignis

Das keyup()-Ereignis tritt auf, wenn die Taste losgelassen wird. Wirkt auf das aktuell fokussierte Element.

Spezifische Anwendungsaspekte

SucheAbfrageaspekte

Wenn Sie den Suchinhalt in das Sucheingabefeld eingeben, drücken Sie die Eingabetaste, um die Suche durchzuführen.

<script type="text/javascript">  
$(document).ready(function(){  
    $("#pos_keyword").keyup(function(e){        //pos_keyword就是搜索框,当搜索框按下时响应事件keyup,e就是当前元素element  
    var keycode = e.which;          //keycode就是按键的编码,e当前元素element,e.which是当前的编码  
    if(keycode==13){                //如果keycode等于13就响应方法进行搜索  
        search_pos();  
    }  
    });  
})  
</script>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDie Verwendung und Definition des jQuery-Ereignisses keyup(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage