Maison > Article > interface Web > attribut d'événement HTML onfocus qui est déclenché lorsqu'un élément obtient le focus
attribut d'événement HTML onfocus qui est déclenché lorsqu'un élément obtient le focus
- 黄舟original
- 2017-11-04 11:39:045212parcourir
Exemple
Exécuter un JavaScript lorsqu'un champ de saisie obtient le focus :
<input type="text" id="fname" onfocus="setStyle(this.id)">
Prise en charge du navigateur
IE
Firefox
Chrome
Safari
Opera
Tous les principaux navigateurs prennent en charge l'attribut onfocus.
Définition et utilisation
L'attribut onfocus est déclenché lorsqu'un élément reçoit le focus.
onfocus est couramment utilisé dans d5fd7aea971a85678ba271703566ebfd, 221f08282418e2996498697df914ce4e et 3499910bf9dac5ae3c52d5ede7383485.
Conseil : l'attribut onfocus est l'opposé de l'attribut onblur.
Remarque : L'attribut onfocus ne s'applique pas aux éléments suivants : dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c, < ;méta> , 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89 ou b2386ffb911b14667cb8f0f91ea547a7.
Différences entre HTML 4.01 et HTML5
Aucune.
Syntaxe
<element onfocus="script">
Valeur d'attribut
| 值 | 描述 |
| script | onfocus 发生时运行的脚本。 |
onFocus est un événement en JavaScript qui se produit lorsqu'un objet obtient le focus. L'exemple le plus simple est sur la page Web An. zone de saisie. Lorsque vous cliquez sur la zone de saisie avec la souris afin que la zone de saisie soit sélectionnée et que le contenu puisse être saisi, la zone de saisie prend le focus. À ce moment, la zone de saisie déclenchera l'événement onFocus.
Matériaux de l'outil : éditeur, navigateur
1. Créez une zone de saisie, liez un événement onFocus à la zone de saisie et changez l'arrière-plan de la zone de saisie en jaune lorsque l'utilisateur déclenche l'événement. , le code est le suivant :
<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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!