Cet article décrit la méthode de passage des valeurs entre la focalisation des composants JavaScript et des points d'ancrage intra-page. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Les deux petites fonctions mentionnées ci-dessus sont très utiles sur certaines nouvelles pages de téléphonie mobile.
Comment déclencher un événement lorsque le curseur est placé sur la zone d'entrée et déclencher un autre événement lorsque le curseur est placé sur la zone d'entrée? Même si l'utilisateur n'entre rien ...
Il est simple de transmettre des valeurs entre les pages, mais comment transmettre des valeurs entre les ancres dans la page?
1. Objectifs de base
Il y a une page avec une boîte d'entrée et un hyperlien dessus. Ces deux choses n'ont pas de connexion.
C'est juste que la fonction n'est pas grande, donc j'écris les deux fonctions ensemble
1. Fonction de boîte d'entrée
Une fois le curseur placé dans la boîte de dialogue, l'arrière-plan devient rouge et une fois que la souris de l'utilisateur clique ailleurs, elle redevient gris.
2. Fonction hyperlienne
Passez la valeur du texte = 1 au point d'ancrage inférieur en bas en bas de la page via la méthode GET. Il y a une boîte d'entrée désactivée sous le point d'ancrage inférieur, et le paramètre de texte sur la barre d'adresse de sondage est constamment
Commencez si vous ne cliquez pas, il n'y a pas de paramètre de texte, donc la boîte d'entrée est toujours affichée comme nul
Une fois le lien hypertexte cliqué, la boîte de dialogue ci-dessous devient 1 après 0,5 seconde. Comme il est traité en millisecondes, le sentiment de l'utilisateur est traité en temps réel.
Il y a aussi un hyperlien de dos au-dessus de ces handicapés. Effacez les paramètres de la page et retirez à nouveau la barre de défilement et affichez-le à nouveau comme nul.
Veuillez noter que lorsque la valeur est transmise avec succès entre les ancres de la page, l'URL du navigateur:
2. Processus de production
Pas besoin d'introduire des plug-ins, ouvrez simplement une page HTML à écrire. Veuillez consulter le code suivant:
Copiez le code comme suit: <! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> onfoucs </Title>
</ head>
<body>
<! - Définissez une boîte d'entrée. Onfocus est de se concentrer. Une fois le curseur placé sur la zone d'entrée, le paramètre getFocus () sera déclenché immédiatement. Onblur perd la focalisation, et Onfocus tourne simplement l'inverse. ->
<p>
<input type = "text" onfocus = "getFocus ()" onblur = "LostFocus ()" />
</p>
<! - Notez la syntaxe des hyperliens pour les paramètres transmis par des points d'ancrage dans la page. Utilisez "Connexion Paramètres", puis utilisez les points d'ancrage #Connect. Pour plusieurs paramètres, écrivez-les comme "texta = 1 & textb = 2 # bottom, utilisez" & link ->
<p>
<a href = "onfocus.html? text = 1 # bottom"> ancrages </a>
</p>
<! - Tant de lis sont utilisés pour occuper la ligne ~ afin de laisser tout le monde voir l'effet d'ancrage ->
<fu> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <fu> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li> <li> </li>
<! - Cet hyperlien est équivalent au bouton arrière ->
<p>
<a id = "inférieur" href = "javascript: history.go (-1);"> back </a>
</p>
<! - Je suis la boîte de dialogue désactivée ->
<p>
<input type = "text" id = "PollingText" Disabled = "Disabled" />
</p>
</docy>
</html>
<cript>
/ * Modifiez d'abord la couleur d'arrière-plan de la page en # eeeeeee * /
window.onload = function () {
document.bgColor = "# eeeeee";
Vote();
}
/ * Lorsque la boîte de dialogue est mise au point, modifiez la couleur d'arrière-plan en rouge, sinon, modifiez-la en # eeeeee * /
fonction getFocus () {
document.bgcolor = "# ff0000";
}
fonction LoseFocus () {
document.bgColor = "# eeeeee";
}
/ * Ceci est une expression régulière dédiée pour les paramètres lors de la prise d'URL
fonction getUrlparam (name) {
var reg = new regexp ("(^ | &)" + name + "= ([^ &] *) (& | $)");
var r = window.location.search.substr (1) .match (reg);
if (r! = null) return Unescape (r [2]); retourner null;
}
/ * Police constamment pour vérifier si le paramètre GET est passé * / /
fonction synchronous () {
document.getElementById ("PollingText"). Value = GetUrlParam ("texte");
}
fonctionnement de fonction () {
synchrone();
setInterval ("synchronous ()", 500);
}
</cript>
J'espère que cet article sera utile à la programmation JavaScript de tous.