Cómo establecer el foco Seleccionar todo en JavaScript

JavaScript permite hacer referencia directamente los valores y las propiedades de los elementos HTML tales como campos de entrada. Para hacer referencia a los campos de entrada fácil, usted debe nombrar cada campo de entrada en el formulario HTML. JavaScript tiene un método llamado "foco", que le permite establecer el foco a un campo particular, en un formulario de entrada HTML. También dispone de un método llamado "select" que le permite seleccionar el texto en un campo de entrada HTML. 

SELECT JAVASCRIPT

Crear un nuevo documento HTML mediante un editor o el Bloc de notas. Agregar una forma al documento con un campo de entrada que desea enfocar y seleccionar todos. Nombre del formulario y el campo de entrada para hacer más fácil referirse a ellos con JavaScript. Por ejemplo, escriba:

! DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

HTML xmlns = "http://www.w3.org/1999/xhtml"

cabeza

meta http-equiv = contenido "Content-Type" = "text / html; charset = utf-8" /

titleFocus y Seleccionar todo / title

/ Head

cuerpo

forma nombre = tipo de entrada "frm" = "text" name = ancho "txt" = "30" / br / input type = nombre de "enviar" = valor "enviar" = "Enviar" / / forma

/ Cuerpo

/ Html

Crear una función de JavaScript entre las etiquetas HEAD del documento HTML. Ajuste el enfoque de la forma al campo HTML y seleccionar todo el texto en el campo. Consulte el campo utilizando el nombre asignado en el formulario HTML. Por ejemplo, escriba:

script type = "text / javascript"

focusSelect function () {

var fld = document.frm.txt;

fld.focus ();

fld.select ();

}

/ Script

Modificar el formulario HTML para llamar a la función de JavaScript cuando el foco se lo llevan fuera del campo de entrada. Cambie la declaración de entrada en el formulario HTML. Por ejemplo, escriba:

input type = "text" name = width "txt" onblur = "30" = "focusSelect ()" /