Maison  >  Article  >  interface Web  >  qu'est-ce que le focus en javascript

qu'est-ce que le focus en javascript

青灯夜游
青灯夜游original
2021-10-25 15:54:092385parcourir

En JavaScript, le focus est la zone concernée, c'est-à-dire la position où le curseur est actuellement activé. La petite ligne verticale clignotant sur l'écran de la page indique qu'un contrôle sur la page Web est sélectionné et peut être utilisé ; il peut être obtenu via la méthode focus() Focus, supprimez le focus via la méthode blur().

qu'est-ce que le focus en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Qu'est-ce que le focus en javascript ?

En JavaScript, l'accent est mis sur la zone concernée, c'est-à-dire la position où le curseur est actuellement activé. La petite ligne verticale clignotant sur l'écran de la page indique qu'un certain contrôle sur la page Web est sélectionné et. peut être exploité. Cliquez sur la souris pour obtenir le curseur et la touche Tab peut changer de focus en fonction du Tabindex défini.

Par exemple, si une zone de texte obtient le focus, les caractères que vous tapez sur le clavier entreront directement dans la zone de texte ; par exemple, si une zone de liste déroulante obtient le focus, si vous appuyez sur la flèche vers le bas du clavier, elle va lister la liste sortir. Le programme comporte également des événements qui se produisent lorsque le focus est obtenu (gotfocus()), des événements lorsque le focus est perdu (lostfocus()) et une méthode pour définir le focus pour le contrôle (setfocus()). Faire bon usage du focus peut rendre votre programme très convivial.

Acquiert le focus et peut affecter la zone, y compris l'interface d'activité et les contrôles visuels, etc., et permet à la zone d'effectuer automatiquement une action (telle que le défilement et l'animation) ou un certain événement logique de se produire en plus ; également exécuter manuellement des événements et des actions de clic pour obtenir la zone ciblée. Le fait que cette zone (interface d'activité, contrôles, etc.) ait une fonction et une réponse dépend du fait qu'elle ait acquis le focus

Méthodes JavaScript pour acquérir et supprimer le focus :

JavaScript peut être obtenu via le focus(. ) méthode Focus, supprimez le focus via la méthode blur().

Obtenir le focus :

la méthode focus() est utilisée pour donner le focus à la case à cocher.

Syntaxe :

checkboxObject.focus()

Focus perdu :

La méthodeblur() est utilisée pour supprimer le focus du bouton radio.

Syntaxe ;

radioObject.blur()

Exemple :

L'exemple suivant peut définir ou supprimer le focus sur le bouton radio :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function setFocus() {
document.getElementById(&#39;check1&#39;).focus()
}
function loseFocus() {
document.getElementById(&#39;check1&#39;).blur()
}
</script>
</head>
<body>
<form>
<input type="text" id="check1" />
<br /><br />
<input type="button" onclick="setFocus()" value="获取焦点" />
<input type="button" onclick="loseFocus()" value="移开焦点" />
</form>
</body>
</html>

Rendu :

quest-ce que le focus en javascript

[Apprentissage recommandé : Tutoriel avancé 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!

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