Heim > Web-Frontend > HTML-Tutorial > Das HTML-Ereignisattribut „onblur' wird ausgelöst, wenn ein Element den Fokus verliert

Das HTML-Ereignisattribut „onblur' wird ausgelöst, wenn ein Element den Fokus verliert

黄舟
Freigeben: 2018-05-17 14:35:14
Original
8234 Leute haben es durchsucht

Beispiel

Validieren Sie das Eingabefeld, wenn der Benutzer es verlässt:

<input type="text" name="fname" id="fname" onblur="upperCase()">
Nach dem Login kopieren

Browser-Unterstützung

IE

Firefox

Chrome

Safari

Opera

Alle gängigen Browser unterstützen das onblur Attribut.

Definition und Verwendung

Das Onblur-Attribut wird ausgelöst, wenn das Element den Fokus verliert.

onblur wird häufig im Code zur Formularvalidierung verwendet (z. B. wenn ein Benutzer ein Formularfeld verlässt).

Tipp: Das Attribut onblur ist das Gegenteil des Attributs onfocus.

Unterschiede zwischen HTML 4.01 und HTML5

Keine.

Syntax

<element onblur="script">
Nach dem Login kopieren

Attributwert

描述
scriptonblur 发生时运行的脚本。

Beispiel:

<!-- ------------------------------ -->
<!-- 文件范例:15-20.htm -->
<!-- 文件说明:OnBlur事件 -->
<!-- onblur 是控件在失去焦点的时候触发的事件 -->
<!-- ------------------------------ -->
<html>
<head>
<title>OnBlur事件</title>
</head>
<body>
<Form>
<input type="text" name="test1" value="test1">
<input type="text" name="test2" value="test2" onBlur=alert("我失去了输入焦点!")>
</Form>
</body>
</html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDas HTML-Ereignisattribut „onblur' wird ausgelöst, wenn ein Element den Fokus verliert. 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