Heim > Web-Frontend > Front-End-Fragen und Antworten > Was ist ein Javascript-Fokusereignis?

Was ist ein Javascript-Fokusereignis?

WBOY
Freigeben: 2022-01-28 15:06:59
Original
6295 Leute haben es durchsucht

Fokusereignisse: 1. Verwenden Sie die Methode focus(), um das Element festzulegen, um das Fokusereignis zu erhalten. Die Syntax lautet „$(selector).focus(function)“ 2. Verwenden Sie die Methode „blur()“, um das Element festzulegen Um den Fokus zu verlieren, lautet die Syntax „$( selector).blur(function)“.

Was ist ein Javascript-Fokusereignis?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Was ist das Javascript-Fokusereignis?

Wenn ein Element den Fokus erhält, tritt das Fokusereignis auf.

Wenn ein Element per Mausklick ausgewählt oder mit der Tabulatortaste positioniert wird, erhält das Element den Fokus. Die Methode

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

Die Syntax lautet:

$(selector).focus()
Nach dem Login kopieren

oder:

$(selector).focus(function)
Nach dem Login kopieren

Das Unschärfeereignis tritt auf, wenn das Element den Fokus verliert. Die Methode

blur() löst das Unschärfeereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn das Unschärfeereignis auftritt.

Die Syntax lautet:

$(selector).blur()
Nach dem Login kopieren

oder:

$(selector).blur(function)
Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

Was ist ein Javascript-Fokusereignis?

Verwandte Empfehlungen: Javascript-Lerntutorial

Das obige ist der detaillierte Inhalt vonWas ist ein Javascript-Fokusereignis?. 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