Heim >Web-Frontend >HTML-Tutorial >HTML-Ereignisattribut onfocus, das ausgelöst wird, wenn ein Element den Fokus erhält
HTML-Ereignisattribut onfocus, das ausgelöst wird, wenn ein Element den Fokus erhält
- 黄舟Original
- 2017-11-04 11:39:045262Durchsuche
Beispiel
JavaScript ausführen, wenn ein Eingabefeld den Fokus erhält:
<input type="text" id="fname" onfocus="setStyle(this.id)">
Browserunterstützung
IE
Firefox
Chrome
Safari
Opera
Alle gängigen Browser unterstützen das Onfocus-Attribut.
Definition und Verwendung
Das onfocus-Attribut wird ausgelöst, wenn ein Element den Fokus erhält.
onfocus wird häufig in d5fd7aea971a85678ba271703566ebfd, 221f08282418e2996498697df914ce4e und 3499910bf9dac5ae3c52d5ede7383485 verwendet.
Tipp: Das onfocus-Attribut ist das Gegenteil des onblur-Attributs.
Hinweis: Das onfocus-Attribut gilt nicht für die folgenden Elemente: dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c, < ;meta> , 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89.
Unterschiede zwischen HTML 4.01 und HTML5
Keine.
Syntax
<element onfocus="script">
Attributwert
| 值 | 描述 |
| script | onfocus 发生时运行的脚本。 |
onFocus ist ein Ereignis in JavaScript, das auftritt, wenn ein Objekt den Fokus erhält. Das einfachste Beispiel ist auf der Webseite An Wenn Sie mit der Maus auf das Eingabefeld klicken, wird das Eingabefeld ausgewählt und der Inhalt kann eingegeben werden. Zu diesem Zeitpunkt löst das Eingabefeld das onFocus-Ereignis aus.
Werkzeugmaterialien: Editor, Browser
1. Erstellen Sie ein Eingabefeld, binden Sie ein onFocus-Ereignis an das Eingabefeld und ändern Sie den Hintergrund des Eingabefelds in Gelb, wenn der Benutzer das Ereignis auslöst , der Code lautet wie folgt:
<html>
<head>
<script type="text/javascript">
function setStyle(x)
{
document.getElementById(x).style.background="yellow"
}
</script>
</head>
<body>
First name: <input type="text"
onfocus="setStyle(this.id)" id="fname" />
<br />
Last name: <input type="text"
onfocus="setStyle(this.id)" id="lname" />
</body>
</html>Das obige ist der detaillierte Inhalt vonHTML-Ereignisattribut onfocus, das ausgelöst wird, wenn ein Element den Fokus erhält. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!