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:045222parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn