Heim > Artikel > Web-Frontend > Was ist ein Javascript-Fokusereignis?
Was ist ein Javascript-Fokusereignis?
- WBOYOriginal
- 2022-01-28 15:06:596244Durchsuche
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)“.
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()
oder:
$(selector).focus(function)
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()
oder:
$(selector).blur(function)
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>Ausgabeergebnis:
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!