Heim > Artikel > Web-Frontend > So verwenden Sie das Lost-Focus-Attribut onblur in HTML
So verwenden Sie das Lost-Focus-Attribut onblur in HTML
- 醉折花枝作酒筹Original
- 2021-04-12 18:11:005236Durchsuche
In HTML wird das Attribut onblur ausgelöst, wenn ein Element den Fokus verliert. Syntax
", onblur Wird häufig für Javascript-Validierungscode verwendet, im Allgemeinen in Formulareingabefeldern.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer. Das Attribut „onblur“ wird ausgelöst, wenn das Element den Fokus verliert. Wird häufig im Formularvalidierungscode verwendet (z. B. wenn der Benutzer ein Formularfeld verlässt).
Erklärung:1. Das Attribut „onfocus“ ist das Gegenteil des Attributs „onblur“.
2. Alle gängigen Browser unterstützen das Attribut „onfocus“ und „onblur“.
Validieren Sie das Eingabefeld, wenn der Benutzer es verlässt:
<script>
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
</script>
</head>
<body>
<p>请输入您的姓名，然后把焦点移动到字段外：</p>
请输入您的姓名（英文字符）：<input type="text" name="fname" id="fname" onblur="upperCase()">
</body>
Empfohlenes Lernen:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Lost-Focus-Attribut onblur in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!