Reproduktionsbild:
Spezifische Implementierung:
1. TextArea -Tag -Inhalt
Die Codekopie lautet wie folgt:
<span style = "Schriftgröße: 14px;"> <tr>
<td align = "right" valign = "top"> Hinweis: </td>
<td> <textArea name = "" id = "bemerken" cols = "" rows = "" onfocus = "this.className = 'textarea220l'; onblur = "this.className = 'textarea220'; this.onmouseout = function () {this.className = 'textarea220'}; LostAddfocus ('Bemerkung');" onmousemove = "this.className = 'textArea220lg'" onmouseout = "this.className = 'textArea220'"> </textArea> </td>
</tr> </span>
2. Initialisierung ermöglicht es Ihnen, bis zu 50 Wörter beim Klicken auf die Schaltfläche Hinzufügen einzugeben.
Die Codekopie lautet wie folgt:
<span style = "Schriftgröße: 14px;"> $ ("#Einführung"). Val ("Maximum 50 Wörter können eingegeben werden");
document.getElementById ("Einführung"). style.color = "Gray"; </span>
3. Js Skript
Die Codekopie lautet wie folgt:
<span style = "Schriftgröße: 14px;"> Funktion getaddfocus (id) {// Für die Einführung und Notizen in der Additionsoperation erhält TextArea Focus Clear Eingabefeld
var textarea = document.getElementById (id);
textArea.Value = "";
textarea.style.color = "schwarz";
}
Funktion LostAddfocus (ID) {// Für die Einführung und Notizen in der Additionsoperation wird die Eingabeaufforderung angezeigt, wenn der Textbereich den Fokus verliert und der Inhalt leer ist
var textarea = document.getElementById (id);
var textarea_value = textArea.value;
if (textarea_value == "") {
textArea.Value = "Maximum 50 Wörter können eingegeben werden";
textArea.Style.color = "Gray";
}
} </span>
Referenz für die Verwendung von TextArea Focus von CSDN -Freunden:
Die Codekopie lautet wie folgt:
<span style = "Schriftgröße: 14px;"> 1. Das Textfeld zeigt den Standardtext an:
<textarea> White Dove Boy </textArea>
<textarea> White Dove Boy </textArea>
2. Klicken Sie mit der Maus auf das Textfeld, und der Standardtext verschwindet:
<textarea onfocus = ”if (value == 'White Dove Boy') {value = ''}"> White Dove Boy </textArea>
<textarea onfocus = ”if (value == 'White Dove Boy') {value = ''}"> White Dove Boy </textArea>
3. Verschieben Sie die Maus in das Textfeld, und der Standardtext verschwindet:
<textarea onmouseover = "Focus ()" Onfocus = "if (value == 'White Dove Boy') {value = ''}"> White Dove Boy </textArea>
<textarea onmouseover = "Focus ()" Onfocus = "if (value == 'White Dove Boy') {value = ''}"> White Dove Boy </textArea>
4. Klicken Sie mit der Maus auf das Textfeld, der Standardtext verschwindet, klicken Sie auf einen beliebigen Bereich außerhalb des Textfelds und der Standardtext taucht erneut auf:
<textarea onfocus = ”if (value == 'White Dove Boy') {value = ''}" onblur = "if (value == '') {value = 'White Dove Boy'}"> White Dove Boy </textArea>
<textarea onfocus = ”if (value == 'White Dove Boy') {value = ''}" onblur = "if (value == '') {value = 'White Dove Boy'}"> White Dove Boy </textArea>
5. Verschieben Sie die Maus in das Textfeld, der Standardtext verschwindet, die Maus, um aus dem Textfeld herauszukommen, und der Standardtext erscheint wieder:
<textArea onmouseover = ”focus ()” onfocus = ”if (value == 'White Dove Boy') {value = ''}" onmouseout = "Blur ()" onblur = "if (value == '' ') {value =' White Dove Boy '}"> White Dove Boy </textarea> {value =' White Dove Boy '} "> White Dove Boy </textarea> {textarea>)
<textArea onmouseover = ”focus ()” onfocus = ”if (value == 'White Dove Boy') {value = ''}" onmouseout = "Blur ()" onblur = "if (value == '' ') {value =' White Dove Boy '}"> White Dove Boy </textarea> {value =' White Dove Boy '} "> White Dove Boy </textarea> {textarea>)
6. Klicken Sie mit der Maus auf das Textfeld, und jeder Text im Textfeld verschwindet (einschließlich des später eingegebenen Textes):
<textarea onclick = "value =" '"> White Dove Boy </textArea>
<textarea onclick = "value =" '"> White Dove Boy </textArea>
7. Verschieben Sie die Maus in das Textfeld, und jeder Text im Textfeld verschwindet (einschließlich des Standardtextes und des später eingegebenen Textes):
<textarea onmouseover = "value = ''”> White Dove Boy </textArea>
<textarea onmouseover = "value = ''”> White Dove Boy </textArea>
8. Klicken Sie auf das Textfeld und wählen Sie den gesamten Text im Textfeld aus:
<textarea onfocus = "select ()"> White Dove Boy </textArea>
<textarea onfocus = "select ()"> White Dove Boy </textArea>
9. Verschieben Sie die Maus in das Textfeld und wählen Sie alle Text im Textfeld aus:
<textarea onmouseover = ”focus ()” onfocus = ”select ()”> White Dove Boy </textArea>
<textarea onmouseover = ”focus ()” onfocus = ”select ()”> White Dove Boy </textArea>
10. Nach der Eingabe wird der Fokus vom aktuellen Textfeld auf das nächste Textfeld übertragen:
<textArea ndkeydown = ”if (Ereignis.KeyCode == 13) Ereignis.KeyCode = 9 ″> White Dove Boy </textArea>
<textArea ndkeydown = ”if (Ereignis.KeyCode == 13) Ereignis.KeyCode = 9 ″> White Dove Boy </textArea>
11. Nach der Eingabe wird der Fokus vom aktuellen Textfeld in die angegebene Position übertragen:
<textarea ndkeypress = "Rückgabefokus (this, 'angegebener Standort -ID -Name', Ereignis)"> White Dove Boy </textArea> </span>