Dieser Artikel beschreibt die Methode, Werte zwischen dem Fokus von JavaScript-Komponenten und den Intra-Page-Ankerpunkten zu übergeben. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Die beiden oben genannten kleinen Funktionen sind auf einigen neuen Mobiltelefonseiten sehr nützlich.
Wie löste ich ein Ereignis aus, wenn der Cursor auf dem Eingangsfeld platziert wird, und ein anderes Ereignis auszulösen, wenn der Cursor auf dem Eingabefeld platziert wird? Auch wenn der Benutzer nichts eingibt ...
Es ist einfach, Werte zwischen Seiten zu übergeben, aber wie können Sie Werte zwischen Anker innerhalb der Seite übergeben?
1. Grundziele
Es gibt eine Seite mit einem Eingabefeld und einem Hyperlink. Diese beiden Dinge haben keine Verbindung.
Es ist nur so, dass die Funktion nicht groß ist, also schreibe ich die beiden Funktionen zusammen
1. Eingabefeld Funktion
Sobald der Cursor im Dialogfeld platziert ist, wird der Hintergrund rot und sobald die Maus des Benutzers an anderer Stelle klickt, wird es erneut grau.
2. Hyperlinkfunktion
Übergeben Sie den Wert von Text = 1 am unteren Ankerpunkt unten unter der Seite über die GET -Methode. Unter dem unteren Ankerpunkt befindet
Starten Sie, wenn Sie nicht klicken, es gibt keinen Textparameter, sodass das Eingabefeld immer als Null angezeigt wird
Sobald der Hyperlink geklickt ist, wird das folgende Dialogfeld nach 0,5 Sekunden 1. Da es in Millisekunden verarbeitet wird, wird das Gefühl des Benutzers in Echtzeit verarbeitet.
Es gibt auch einen Rückenhyperlink über diesem Behinderten. Löschen Sie die Seitenparameter und ziehen Sie die Bildlaufleiste erneut nach unten und zeigen Sie sie erneut als Null an.
Bitte beachten Sie, dass die URL des Browsers, wenn der Wert erfolgreich zwischen Ankern auf der Seite übertragen wird:
2. Produktionsprozess
Sie müssen keine Plug-Ins einführen. Öffnen Sie einfach eine HTML-Seite zum Schreiben. Bitte beachten Sie den folgenden Code:
Kopieren Sie den Code wie folgt: <! 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">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> onfoucs </title>
</head>
<body>
<!-Definieren Sie ein Eingabefeld. Onfokus ist, sich zu konzentrieren. Sobald der Cursor auf dem Eingabefeld platziert ist, wird der Parameter getFocus () sofort ausgelöst. Onblur verliert den Fokus und Onfocus dreht sich einfach umgekehrt. ->
<p>
<Eingabe type = "text" onfocus = "getfocus ()" onblur = "losefocus ()"/>
</p>
<!-Beachten Sie die Syntax der Hyperlinks für Parameter, die von Ankerpunkten auf der Seite übergeben wurden. Verwenden Sie "Parameter Connect" und verwenden Sie #Connect -Ankerpunkte. Für mehrere Parameter schreiben Sie sie als "Texta = 1 & textb = 2#unten, verwenden Sie" & link->
<p>
<a href = "onfocus.html? text = 1#boden"> verankert </a>
</p>
<!-So viele LIs werden nur verwendet, um die Linie zu besetzen ~ um alle den Ankereffekt zu sehen->
<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> </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> </li> </li> </li> </li> </li> </li> </li> </li> </li> </li> </li> </li> </li> </li>
<!-Dieser Hyperlink entspricht der Rückschaltfläche->
<p>
<a id = "boden" href = "javaScript: history.go (-1);"> zurück </a>
</p>
<!-Ich bin das deaktivierte Dialogfeld->
<p>
<Eingabe type = "text" id = "pollingText" deaktiviert = "deaktiviert"/>
</p>
</body>
</html>
<Script>
/*Ändern Sie zunächst die Hintergrundfarbe der Seite in #eeeeeee*/
window.onload = function () {
document.bgcolor = "#eeeeee";
Umfrage ();
}
/* Wenn das Dialogfeld Fokus erhält, ändern Sie die Hintergrundfarbe in rot, andernfalls ändern Sie es in #eeeeee*/
Funktion getFocus () {
document.bgcolor = "#ff0000";
}
Funktion losefocus () {
document.bgcolor = "#eeeeee";
}
/*Dies ist ein dedizierter regulärer Ausdruck für die Parameter, wenn URL übergeben wird. Werte*/
Funktion geturlParam (Name) {
var reg = new regexp ("(^| &)" + name + "= ([^&]*) (& | $)");
var r = window.location.search.substr (1) .Match (reg);
if (r! = null) kehren Sie unemission zurück (r [2]); null zurückkehren;
}
/*Polizei ständig zu überprüfen, ob der GET -Parameter übergeben wird*/
Funktion Synchronous () {
document.GetElementById ("PollingText"). value = geturlParam ("Text");
}
Funktion Polling () {
synchron();
setInterval ("synchronous ()", 500);
}
</script>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.