Uso del enfoque de textura para lograr el efecto de obtener la compensación de enfoque y la pérdida de indicaciones de enfoque

Autor：Eve Cole Fecha de actualización：2025-08-20 21:32:01

Imagen de reproducción:

Implementación específica:

1. Contenido de la etiqueta TextARea

La copia del código es la siguiente:

</tr> </span>

2. La inicialización le permite ingresar hasta 50 palabras al hacer clic en el botón Agregar.

La copia del código es la siguiente:

<span style = "font-size: 14px;"> $ ("#introducción"). Val ("se pueden ingresar 50 palabras máximas");

document.getElementById ("Introducción"). style.color = "Gray"; </span>

3. Script JS

La copia del código es la siguiente:

<span style = "font-size: 14px;"> function getAddfocus (id) {// Para la introducción y las notas en la operación de adición, TextAREA obtiene un cuadro de entrada de borde de enfoque

var textARea = document.getElementById (id);

textAREA.Value = "";

textarea.style.color = "negro";

}

Función LostAddfocus (id) {// Para la introducción y las notas en la operación de suma, si el Textea pierde el enfoque y el contenido está vacío, el mensaje de inmediato se mostrará

var textARea = document.getElementById (id);

var textAREA_VALUE = textAREA.Value;

if (textAREA_VALUE == "") {

textAREA.Value = "Se pueden ingresar 50 palabras máximas";

textarea.style.color = "Gray";

}

} </span>

Referencia para el uso de TextARea Focus escrito por CSDN Friends:

La copia del código es la siguiente:

<span style = "font-size: 14px;"> 1. El cuadro de texto muestra el texto predeterminado:

<Extea> White Dove Boy </extarea>

2. Haga clic en el cuadro de texto con el mouse y el texto predeterminado desaparece:

<TextAREA OnFocus = ”if (value == 'White Dove Boy') {value = '' '}"> White Dove Boy </TextAREA>

3. Mueva el mouse al cuadro de texto y el texto predeterminado desaparece:

<TextAREA OnMouseOver = ”Focus ()” OnFocus = ”if (value == 'White Dove Boy') {value = ''}"> White Dove Boy </extAREA>

4. Haga clic en el cuadro de texto con el mouse, el texto predeterminado desaparece, haga clic en cualquier área fuera del cuadro de texto y el texto predeterminado vuelve a aparecer:

<TextAREA OnFocus = "if (value == 'White Dove Boy') {value = '' '}" onblur = "if (value ==' ') {value =' White Dove Boy '}"> White Dove Boy </extarea>

5. Mueva el mouse al cuadro de texto, el texto predeterminado desaparece, el mouse para moverse fuera del cuadro de texto y reaparece el texto predeterminado:

<TextArea onMouseOver = "focus ()" onFocus = "if (value == 'White Dove Boy') {value = '' '}" onMouseOut = "blur ()" onblur = "if (value ==' '' ') {value =' White Dove Boy '}"> White Dove Boy </etextAREA>

6. Haga clic en el cuadro de texto con el mouse, y cualquier texto en el cuadro de texto desaparece (incluido el texto predeterminado y el texto ingresado más adelante):

<Textarea onClick = "value = ''"> White Dove Boy </extarea>

7. Mueva el mouse al cuadro de texto, y cualquier texto en el cuadro de texto desaparece (incluido el texto predeterminado y el texto ingresado más adelante):

<Textarea OnMouseOver = "value = ''"> White Dove Boy </extarea>

8. Haga clic en el cuadro de texto y seleccione todo el texto en el cuadro de texto:

<Textarea OnFocus = "Select ()"> White Dove Boy </extarea>

9. Mueva el mouse al cuadro de texto y seleccione todo el texto en el cuadro de texto:

<TextAREA OnMouseOver = ”Focus ()” OnFocus = ”SELECT ()”> White Dove Boy </etxarea>

10. Después de ingresar, el enfoque se transferirá desde el cuadro de texto actual al siguiente cuadro de texto:

<Textarea onkeydown = ”if (event.keycode == 13) Event.KeyCode = 9 ″> White Dove Boy </TextAREA>

11. Después de ingresar, el enfoque se transferirá desde el cuadro de texto actual a la posición especificada:

<TextAREA OnKeyPress = "return FocusNext (this, 'Nombre de identificación de ubicación especificada', evento)"> White Dove Boy </TextAREA> </span>