Löst JQuery beim Klicken auf die Eingabe ein Ereignis aus?

Ein Klick auf die Eingabe löst das „Fokus-Ereignis“ aus, was bedeutet, dass das Eingabeelement ausgewählt und bedienbar ist und eine kleine vertikale Linie auf dem Seitenbildschirm blinkt. In jquery können Sie die Methode focus() verwenden, um Fokusereignisse auszulösen oder an Elemente zu binden, indem Sie die Syntax „$(selector).focus()“ oder „$(selector).focus(function)“ verwenden.

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.

jquery klickt auf die Eingabe, um das „Fokusereignis“ auszulösen.

Der Fokus liegt auf dem betreffenden Bereich, also auf der Position, an der der Cursor gerade aktiviert ist. Die kleine vertikale Linie, die im Seitenbildschirm blinkt, zeigt an, dass ein Steuerelement auf der Webseite ausgewählt ist und bedient werden kann. Klicken Sie mit der Maus, um den Cursor zu erhalten, und die Tab-Taste kann den Fokus entsprechend dem eingestellten Tabindex wechseln.

Wenn beispielsweise ein Eingabetextfeld den Fokus erhält, klicken Sie auf das Eingabeelement und geben das Eingabetextfeld direkt ein. Wenn ein Dropdown-Listenfeld den Fokus erhält, wird dies durch Drücken des Abwärtspfeils auf der Tastatur aktiviert Listen Sie die Liste auf. Das Programm verfügt außerdem über Ereignisse, die auftreten, wenn der Fokus erreicht wird (gotfocus()), Ereignisse, wenn der Fokus verloren geht (lostfocus()) und eine Methode zum Festlegen des Fokus für das Steuerelement (setfocus()). Wenn Sie den Fokus gut nutzen, kann Ihr Programm sehr benutzerfreundlich erscheinen.

Wenn ein Element den Fokus erhält, tritt das Fokusereignis ein. Ein Element erhält den Fokus, wenn es per Mausklick ausgewählt oder mit der Tabulatortaste positioniert wird.

jquery focus() ruft das Fokusereignis ab.

focus()-Methode löst das Fokusereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn das Fokusereignis auftritt.

Syntax:

//触发 focus 事件
$(selector).focus()

//将函数绑定到 focus 事件
$(selector).focus(function)

Beispiel: Ändern Sie die Farbe des Rahmens des Eingabefelds, wenn es den Fokus erhält.

Beispielcode:

<input type="text" name="" id="mochu">
<script>
    $(&#39;#mochu&#39;).focus(function(){
        $(this).css(&#39;border-color&#39;,&#39;red&#39;);
    });
</script>

Wenn sich die Maus in die Eingabe bewegt und klickt, nimmt das Eingabeelement die folgende Form an

Das jq focus()-Ereignis fügt der Eingabe einen CSS-Stil hinzu

<input type="text" name="" id="mochu"   style="max-width:90%">

Erweitertes Wissen: Die Methode „blur()“ legt das Fokusverlustereignis fest tritt auf, wenn das Element den Fokus verliert.

Syntax:

//触发 blur 事件
$(selector).blur()

//将函数绑定到 blur 事件
$(selector).blur(function)

Verwenden Sie das jq-Fokusverlustereignis „unschärfe()“, um den vom Benutzer eingegebenen Inhalt zu überprüfen.

Das Fokusereignis „unschärfe()“ in JQuery kann verwendet werden, um zu überprüfen, ob der vom Benutzer in das Eingabefeld eingegebene Inhalt zulässig ist Beispiel: Der folgende Code gibt eine Eingabeaufforderung aus, wenn der Benutzer weniger als fünf Zeichen eingibt

Das obige ist der detaillierte Inhalt vonLöst JQuery beim Klicken auf die Eingabe ein Ereignis aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!