Wie aus Abbildung, wenn ein Steuerelement den Fokus besitzt

September 10

Wenn Sie einen Cursor auf ein Kontrollkästchen oder geben Sie die Wörter in ein Textfeld verschieben, tritt ein Ereignis Onfocus. Im Web bezeichnet Programmierung, "Fokus" eine Eigenschaft, die Steuerelemente der Benutzeroberfläche besitzen. Als Entwickler müssen Sie wissen, wenn ein Besucher der Website eines Steuerelements oder Registerkarten, um es mit der "Tab"-Taste klickt. Ein paar Zeilen JavaScript-Code werden Ihre Web-Seiten die Möglichkeit, wichtige Onfocus Ereignisse zu erkennen geben.

Anweisungen

1 Starten Sie Ihren HTML-Editor oder Notepad.

2 Öffnen Sie die HTML-Web-Seite-Datei und fügen Sie diesen Code unter der ersten < Body >-Tag im Dokument:

< Eingabe-Id = "Text1" Type = "Text" onfocus="processFocus(this)" / >

< Eingabe-Id = "Text2" Type = "Text" onfocus="processFocus(this)" / >

Dadurch werden zwei Textfelder. Die IDs sind Text1 und Text2. Jedes Textfeld definiert einen Event-Handler Onfocus. Wenn das Textfeld den Fokus erhält, wird der Browser die JavaScript-Funktion namens "ProcessFocus" aufrufen und übergeben sie einen Verweis auf das Textfeld.

3 Fügen Sie den folgenden Code hinzu < Head >-Abschnitt des Dokuments:

< Skript-Typ = "Text/Javascript" >

Funktion processFocus(controlName) {}

Var ControlWithFocus = controlName.id;

Warnung (ControlWithFocus + "Fokus hat");

}

< / script >

4 Speichern Sie die Datei.

5 Öffnen Sie Windows Explorer, und suchen Sie die Datei. Doppelklicken Sie darauf. Es wird in Ihrem Browser geöffnet. Positionieren Sie den Cursor in das erste Textfeld. Der JavaScript-Code erkennt, dass das Textfeld hat konzentrieren und anzeigen "Text1 besitzt den Fokus."

6 Positionieren Sie den Cursor in das zweite Textfeld ein. Sie sehen die Meldung "Text2 besitzt den Fokus."

Tipps & Warnungen

  • Jedes Steuerelement Fokus Erkennung erfordern fügen Sie das Onfocus-Ereignis hinzu. Z. B. um eine Nachricht, wenn ein Benutzer Registerkarten zu einem Text Area-Steuerelement anzuzeigen, fügen Sie ein Ereignis Onfocus auf das Steuerelement. Sie können dann den Wert der Variablen ControlWithFocus um zu bestimmen, wenn ein Benutzer Registerkarten für dieses Steuerelement überprüfen.

SIE KÖNNEN AUCH GERNE