Cómo seleccionar texto HTML

selección automática de texto es útil cuando se necesita para resaltar el texto de páginas Web para un usuario. sitios de generación de código, por ejemplo, a menudo permiten a los usuarios hacer clic botones que resaltar y seleccionar texto dentro de un cuadro de texto. Destacando texto HTML automáticamente elimina la necesidad de que los usuarios localizar el cuadro de texto, haga clic en el texto y, a continuación, pulse la tecla "Ctrl" y "A" para seleccionarlo. El uso de algunos comandos de JavaScript, puede agregar esta funcionalidad a cualquier página de su sitio web.

Instrucciones

1 Lanzar su editor de HTML o el Bloc de notas.

2 Abrir una de sus páginas web los documentos HTML, y añadir el siguiente código a la sección "cuerpo" del documento:

<textarea rows = "6" cols = id "40" = "Textarea1">

El interior del texto Área de texto

</ Textarea>

<Input type = id = valor "Button2" "botón" = "botón" onclick = "return SelectText ()" />

Esto crea un control área de texto que contiene el texto. Que el control tiene una propiedad "id" cuyo valor es "Textarea1." La última línea de código crea un botón. Al hacer clic, este botón se llama a una función de JavaScript que selecciona texto del control.

3 Agregue el siguiente código JavaScript a la sección "cabeza" del documento:

<Script language = "javascript" type = "text / javascript">

var myObject = "Textarea1";

SelectText función () {

var myObjectReference = document.getElementById (id);

myObjectReference.focus ();

myObjectReference.select ();

}

</ Script>

La primera línea de código crea una variable llamada "myObject." Su valor tiene el ID de objeto cuyo texto que desea seleccionar. En este ejemplo, que el valor es el ID de la área de texto se define en el paso anterior. La declaración "document.getElementById" dentro de la función obtiene una referencia al objeto y lo almacena en "myObjectReference." Los dos últimos estados en la función de ajustar el enfoque del navegador para seleccionar el objeto y el texto del objeto.

4 Guarde el documento y abrirlo en su navegador. Clic en el botón. El botón llama a la función JavaScript que resalta y selecciona el texto HTML en el control área de texto.

Consejos y advertencias

• El "enfoque" y "SELECT" sentencias JavaScript que se muestran en estos pasos funcionan con cualquier objeto HTML que contiene texto. Por ejemplo, si su página Web tiene un cuadro de texto cuyo ID es "MyTextBox," cambiar el valor de la variable myObject myObject JavaScript desde "Textarea1" a "MyTextBox."