Comment déterminer si un élément a le focus en javascript-Questions et réponses frontales-php.cn

Comment déterminer si un élément a le focus en javascript

WBOY

Libérer： 2022-03-10 12:11:34

original

3877 Les gens l'ont consulté

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( )">".

Comment déterminer si un élément a le focus en javascript

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">

Copier après la connexion

JavaScript:

object.onfocus=function(){SomeJavaScriptCode}

Copier après la connexion

JavaScript, utilisez la méthode addEventListener() :

object.addEventListener("focus", myScript);

Copier après la connexion

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">

Copier après la connexion

JavaScript:

object.onblur=function(){SomeJavaScriptCode};

Copier après la connexion

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(&#39;tip&#39;).innerHTML=&#39;元素失去焦点了&#39;;
}
function myFunction(x){
document.getElementById(&#39;tip&#39;).innerHTML=&#39;元素获取焦点了&#39;;
}
</script>
</head>
<body>
判断焦点示例: <input type="text" onfocus="myFunction(this)" onblur="Function()">
<p id="tip" style="color:red;"></p>
</body>
</html>

Copier après la connexion

Résultat de sortie:

Comment déterminer si un élément a le focus en javascript