Die Verwendung des Textbereichsfokus, um eine Fokuslöschung und einen Fokusverlust zu erreichen, führt zu wirkungsvollen Javascript-Kenntnissen-js-Tutorial-php.cn

Die Verwendung des Textbereichsfokus, um eine Fokuslöschung und einen Fokusverlust zu erreichen, führt zu wirkungsvollen Javascript-Kenntnissen

PHP中文网

Freigeben： 2017-03-28 16:13:36

Original

2574 Leute haben es durchsucht

Rendering:
Die Verwendung des Textbereichsfokus, um eine Fokuslöschung und einen Fokusverlust zu erreichen, führt zu wirkungsvollen Javascript-Kenntnissen
Spezifische Implementierung:

1. Textbereich-Tag-Inhalt

Code kopieren Der Code lautet wie folgt:

2. Durch die Initialisierung können Sie bis zu 50 Zeichen eingeben, wenn Sie auf die Schaltfläche „Hinzufügen“ klicken

Code kopieren Der Code lautet wie folgt:

$("#introduction").val("Kann bis zu 50 eingeben Zeichen");

document.getElementById("introduction").style.color="gray";

3. js-Skript

Code kopieren Der Code lautet wie folgt:

function getAddFocus (id){//Für den Add-Vorgang Einführung und Bemerkungen erhält textarea den Fokus und löscht das Eingabefeld

var textarea=document.getElementById(id);
textarea.value=""; .style.color="black";
}

function lostAddFocus(id){//Für die Einleitung und Bemerkungen im Add-Vorgang wird eine Eingabeaufforderung angezeigt, wenn der Textbereich den Fokus verliert und der Inhalt leer ist Meldung wird angezeigt
var textarea=document.getElementById(id);
var textarea_value=textarea.value;
if(textarea_value==""){
textarea.value="Kann bis zu eingeben 50 Zeichen";
textarea.style.color="gray" ;
}
}

Verwendungsreferenz des von csdn geschriebenen Textarea-Fokus Partner:

Code kopieren

Der Code lautet wie folgt:

1. Das Textfeld zeigt den Standardtext an:

White Pigeon Boy > White Pigeon Boy
　2. Klicken Sie mit der Maus auf das Textfeld und der Standardtext verschwindet:

White Pigeon Boy
White Pigeon Boy< /textarea> <br>　3. Bewegen Sie die Maus zum Textfeld und der Standardtext verschwindet: <br><br><textarea onmouseover="focus()" onfocus="if(value=='White Pigeon Boy') {value =' '}">White Pigeon Boy
<br>　4. Klicken Sie mit der Maus auf das Textfeld und der Standardtext verschwindet. Klicken Sie auf einen beliebigen Bereich außerhalb des Textfelds und der Standardtext wird wieder angezeigt: <br> <br><textarea onfocus=“if( value=='White Pigeon Boy') {value=' '}" onblur="if(value==' ') {value='White Pigeon Boy'}"> White Pigeon Boy
White Pigeon Boy
　5. Bewegen Sie die Maus zum Textfeld, der Standardtext verschwindet, bewegen Sie die Maus aus dem Textfeld und der Standardtext wird wieder angezeigt:

White Pigeon Boy
White Pigeon Boy
　6. Klicken Sie auf Bewegen Sie die Maus über das Textfeld und jeglicher Text im Textfeld verschwindet (einschließlich des Standardtextes und des später eingegebenen Textes):

White Pigeon Boy</ textarea> <br><textarea onclick=“value=' '">白Pigeon Boy
　7. Bewegen Sie die Maus zum Textfeld und jeglicher Text im Textfeld verschwindet (einschließlich der Standardtext und später eingegebener Text):

White Pigeon Boy
White Pigeon Boy
　8. Klicken Sie auf das Textfeld und wählen Sie alle Textfelder aus 🎜>White Pigeon Boy< /textarea> 9. Bewegen Sie die Maus zum Textfeld, um den gesamten Text im Textfeld auszuwählen: <br><br>< ;textarea onmouseover=“focus()“ onfocus=“select()“>White Pigeon Boy< ;/textarea><textarea onmouseover=“focus()“ onfocus=“select()“>White Pigeon Boy< ;/textarea> <br>　10. Nach dem Drücken der Eingabetaste wechselt der Fokus vom aktuellen Textfeld zum nächsten A-Textfeld: <br><br><textarea onkeydown=“if(event.keyCode==13)event .keyCode=9″>White Pigeon Boy 11. Nach dem Drücken der Eingabetaste verschiebt sich der Fokus vom aktuellen Textfeld zur angegebenen Position:

< ;textarea onkeypress="return focusNext(this,'id name of the selected location',event)"> Weißer Taubenjunge