Was passiert, wenn Javascript den Fokus verliert?
In JavaScript ist das Ereignis „Fokusverlust“ das Ereignis „blur()“. Diese Methode gibt an, dass das Ereignis „Unschärfe“ auftritt, wenn das Element den Fokus verliert, oder gibt die Funktion an, die ausgeführt werden soll, wenn das Ereignis „Unschärfe“ auftritt ).blur()“ Oder „$(selector).blur(function)“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Was ist das JavaScript-Fokusverlustereignis?
Das Unschärfeereignis tritt auf, wenn ein 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.
Tipps: Diese Methode wird oft zusammen mit der focus()-Methode verwendet.
Syntax
Lösen Sie das Unschärfeereignis für das ausgewählte Element aus:
$(selector).blur()
Fügen Sie eine Funktion zum Unschärfeereignis hinzu:
$(selector).blur(function)
Das Beispiel lautet wie folgt:
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("input").focus();
});
$("#btn2").click(function(){
$("input").blur();
});
});
</script>
</head>
<body>
输入你的名字: <input type="text">
<br><br>
<button id="btn1">触发 focus 事件</button>
<button id="btn2">触发 blur 事件</button>
</body>
</html>Ausgabeergebnis:
Das Beispiel ist wie folgt folgt:
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("input").focus(function(){
$(this).css("background-color","red");
});
$("input").blur(function(){
$(this).css("background-color","green");
});
});
</script>
</head>
<body>
名字: <input type="text" name="fullname"><br>
Email: <input type="text" name="email">
</body>
</html>Ausgabeergebnis:
【Verwandte Empfehlungen: Javascript-Lern-Tutorial】
Das obige ist der detaillierte Inhalt vonWas passiert, wenn Javascript den Fokus verliert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Wie erstelle ich eine ungeordnete Liste in HTML?
Jul 30, 2025 am 04:50 AM
Um eine nicht ordnungsgemäße HTML -Liste zu erstellen, müssen Sie ein Tag verwenden, um einen Listencontainer zu definieren. Jedes Listenelement ist mit einem Tag verpackt, und der Browser fügt automatisch Kugeln hinzu. 1. Erstellen Sie eine Liste mit einem Tag; 2. Jedes Listenelement ist mit einem Tag definiert. 3. Der Browser generiert automatisch Standard -Punkt -Symbole. 4. Unterverschiedene können durch Verschachtelung implementiert werden. 5. Verwenden Sie das Attribut vom Typ Listenstil von CSS, um den Symbolstil wie Scheibe, Kreis, Quadrat oder keine zu ändern. Verwenden Sie diese Tags korrekt, um eine nicht ordnungsgemäße Standardliste zu generieren.
Die Bedeutung der semantischen HTML für SEO und Barrierefreiheit
Jul 30, 2025 am 05:05 AM
SemantichtmlimprovesbothseoandAccessibilityByuseing -meaningfulTagSthatConveyContentStructure.1) iTenhancesseothroughbetterContentHierarchyWithProperHeadinglevels, verbesserteIndexingviaelementSlikaND und -SupportforrichsnippetsususingStrostStrostStrostStrostStrostStrostStrostaustaustaustrota.2)
Wie kann man ein PDF -Dokument in HTML einbetten?
Aug 01, 2025 am 06:52 AM
Die Verwendung von Tags ist die einfachste und empfohlene Methode. Die Syntax ist für moderne Browser geeignet, um PDF direkt einzubetten. 2. Die Verwendung von Tags kann eine bessere Unterstützung für Steuerungs- und Sicherungsinhalte bieten. Syntax ist und bietet Download -Links in Tags als Backup -Lösungen, wenn sie nicht unterstützt werden. 3.. Es kann über Google DocsViewer eingebettet werden, es wird jedoch nicht empfohlen, aufgrund von Datenschutz- und Leistungsproblemen häufig zu verwenden. 4. Um die Benutzererfahrung zu verbessern, sollten geeignete Höhen festgelegt werden, reaktionsschnelle Größen (z. B. Höhe: 80VH) und PDF -Download -Links bereitgestellt werden, damit Benutzer sie selbst herunterladen und anzeigen können.
Was ist der Zweck des REL -Attributs in einem Link -Tag in HTML?
Aug 03, 2025 pm 04:50 PM
rel = "styleSheet" linkScssFilesforstylingThePage; 2.rel = "vorlad" HintStopreloadcriticalResourcesForperformance; 3.rel = "icon" setStheWebsit'sfavicon;
So erstellen Sie ein Sucheingangsfeld in einem HTML -Formular
Aug 02, 2025 pm 04:44 PM
UsTheelementWitHinatagTocreateEmanticSearchfield.2.IncludeaForAccessibility, settheform'Saction undMethod = "AttributestosendDatoAsearchendPointWithasharableUrl.
Was ist der Zweck des Zielattributs des Anker -Tags in HTML?
Aug 02, 2025 pm 02:23 PM
ThetargetAttributeinanHtmlanchortagSpecifieswheretoophelinkedDocument.1._SelfoPenTheLinkinTheSametab (Standard) .2._BlankopensTheLeNanewtaborWindow.3._ParentopenTheParentFrame
So erstellen Sie eine Schaltfläche Senden, die Formulardaten in HTML sendet
Aug 02, 2025 pm 04:46 PM
Verwenden Sie Elemente und setzen Sie die Aktions- und Methodenattribute fest, um die Datenübermittlungsadresse und -methode anzugeben. 2. Fügen Sie Eingabefelder mit Namensattribut hinzu, um sicherzustellen, dass die Daten vom Server erkannt werden können. 3.. Verwenden oder erstellen Sie eine Einreichungsschaltfläche, und nach dem Klicken sendet der Browser die Formulardaten an die angegebene URL, die vom Backend verarbeitet wird, um die Dateneinreichung abzuschließen.
Wie markiere ich Text mit dem -Tag?
Aug 04, 2025 pm 04:29 PM
Verwenden Sie Tags, um Text semantisch hervorzuheben, häufig verwendet, um Suchergebnisse oder wichtige Inhalte zu identifizieren. 2. Benutzerdefinierte Stile wie Hintergrundfarben, Textfarben und Ränder können über CSS angepasst werden. 3.. Es sollte in Kontexten mit praktischer Bedeutung und nicht nur in visueller Dekoration verwendet werden, um die Zugänglichkeit und SEO -Effekte zu verbessern.
