Maison > Article > interface Web > Comment déterminer si un élément a le focus en javascript
Comment déterminer si un élément a le focus en javascript
- WBOYoriginal
- 2022-03-10 12:11:343858parcourir
En JavaScript, vous pouvez utiliser les événements onfocus() et onblur() pour déterminer si un élément a le focus. L'événement onfocus se produit lorsqu'un élément obtient le focus, et l'événement onblur se produit lorsqu'un élément perd le focus. La syntaxe est "<. ;element onfocus="Fonction( )">".
L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.
Comment JavaScript détermine-t-il si un élément a le focus ?
l'événement onfocus se produit lorsqu'un objet obtient le focus.
Onfocus est généralement utilisé pour ,
Conseil : l'événement opposé à l'événement onfocus est l'événement onblur.
Syntaxe
HTML:
<element onfocus="SomeJavaScriptCode">
JavaScript:
object.onfocus=function(){SomeJavaScriptCode}JavaScript, utilisez la méthode addEventListener() :
object.addEventListener("focus", myScript);un événement onblur se produira lorsque l'objet perd le focus.
Onblur est souvent utilisé pour le code de vérification Javascript, généralement utilisé dans les zones de saisie de formulaire.
Astuce : L'événement opposé à onblur est l'événement onfocus.
Syntaxe
HTML:
<element onblur="SomeJavaScriptCode">
JavaScript:
object.onblur=function(){SomeJavaScriptCode};L'exemple est le suivant:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
function Function(){
document.getElementById('tip').innerHTML='元素失去焦点了';
}
function myFunction(x){
document.getElementById('tip').innerHTML='元素获取焦点了';
}
</script>
</head>
<body>
判断焦点示例: <input type="text" onfocus="myFunction(this)" onblur="Function()">
<p id="tip" style="color:red;"></p>
</body>
</html>Résultat de sortie:
Recommandations associées: Tutoriel d'apprentissage javascript
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!