Méthode pour transférer de la valeur entre le focus du composant JavaScript et les compétences point d'ancrage dans la page_javascript

L'exemple de cet article décrit la méthode de transfert de valeurs entre le focus d'un composant JavaScript et le point d'ancrage sur la page. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Les deux petites fonctions ci-dessus sont très utiles dans certaines nouvelles pages de téléphonie mobile.

Comment déclencher un événement lorsque le curseur est placé dans la zone de saisie, et déclencher un autre événement en quittant la zone de saisie ? Même si l’utilisateur ne saisit rien…

Il est très simple de transférer des valeurs entre pages, mais comment transférer des valeurs entre points d'ancrage au sein de la page ?

1. Objectifs de base

Il y a une page avec une zone de saisie et un lien hypertexte. Ces deux choses ne sont en aucun cas liées,

.

Juste parce que la fonction n'est pas grande, j'ai combiné les deux fonctions pour l'écrire

1. Fonction de la zone de saisie

Une fois le curseur placé sur l'arrière-plan de la boîte de dialogue, il devient rouge, et une fois que l'utilisateur clique avec la souris ailleurs, il revient au fond gris

2. Fonction hyperlien

Passez la valeur text=1 au point d'ancrage inférieur en bas de la page via la méthode get. Il y a une zone de saisie désactivée sous le point d'ancrage inférieur, qui continue d'interroger le paramètre de texte dans la barre d'adresse

Si vous ne cliquez pas au début, il n'y aura pas de paramètre de texte, donc la zone de saisie sera toujours affichée comme nulle

Une fois le lien hypertexte cliqué, la boîte de dialogue suivante passe à 1 après 0,5 seconde. Puisqu'elle est traitée au niveau de la milliseconde, la perception de l'utilisateur est traitée en temps réel,

.

Il y a un lien hypertexte de retour au-dessus de celui désactivé, qui efface le transfert des paramètres de la page. Si vous abaissez à nouveau la barre de défilement, elle sera à nouveau affichée comme nulle.

Veuillez noter que lorsque les valeurs sont transférées avec succès entre les points d'ancrage au sein de la page, l'url du navigateur :

2. Processus de production

Il n'est pas nécessaire d'introduire de plug-ins, il suffit d'ouvrir une page html pour écrire. Veuillez consulter le code suivant :

Copier le code Le code est le suivant :

🎜> onfoucs

< ;/li>

< ;li>

< /li>

retour

<script> /*Change la couleur d'arrière-plan de la page en #eeeeee*/ <br> window.onload=function(){ <br> Document.bgColor="#eeeeee"; <br> Sondage (); <br>                                                                                                                      <br> /*Lorsque la boîte de dialogue obtient le focus, changez la couleur d'arrière-plan en rouge, sinon remettez-la en #eeeeee*/ <br> Fonction getFocus(){ <br>          document.bgColor="#ff0000" <br> }  <br>        <br> Fonction loseFocus(){ <br> Document.bgColor="#eeeeee"; <br> }  <br>        <br> /*Il s'agit d'une expression régulière spéciale pour prendre les paramètres lorsque l'url get transmet la valeur*/ <br> Fonction getUrlParam(nom) { <br>            var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)");                                   var r = window.location.search.substr(1).match(reg); If (r!=null) return unescape(r[2]); return null <br> }  <br>        <br> /*Enquêter constamment pour vérifier si des paramètres get ont été transmis*/ <br> Fonction synchrone() { <br>          document.getElementById("pollingtext").value =getUrlParam("text"); }  <br>        <br> Fonction Polling(){ <br>                 synchrone();                     ​ ​ ​ setInterval("synchronous()", 500);   <br> }  <br> </script>


J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.