Spanish
Sign in / Sign up

Javascript Objeto de texto

Como dinámicamente brincar el puntero del cursor a un Text Field usando javascript?
O
cuáles son los eventos asociados con los formularios de Text Field?

Explicación

Básico HTML forma de entraresp_code
Objeto texto :
La siguiente sintasis podrá tomar el objeto de Text Field input box en javascript
Sintasis: document.formname.textname
Código Ejemplo:
<form name=testform>
<input name=textn value=test type=text>
</form>
<script language="javascript">
var cbobject= document.testform.textn;
</script>

Aquí los eventos, propieresp_codedes dom y métodos asociados con elementos de Text.
Captadores de Eventos: Asociados con Form type Text Field:
Todos los ejemplos listados debajo usan a javascript function output
<script language=javascript>
function output()
{
alert("testing Text events");
}
</script>
Tratante de acontecimiento Descripción Ejemplo
onMouseOver onMouseOver se invoca cuando el ratón se mueve sobre el campo de texto <input type=text onMouseOver="output()">
Resulta:
onMouseDown onMouseDown se invoca cuando un ratón es presionado en el interior de la caja de entraresp_code <input type=radio onMouseDown="output()">
Resulta:
onMouseUp onMouseUp se invoca cuando un ratón es presionado en el interior del campo de texto y puesto en libertad <input type=text onMouseUp="output()">
Resulta:
onClick onClick se invoca cuando un clic del ratón se realiza en el interior de la caja de entraresp_code <input type=text onClick="output()">
Resulta:
onBlur onBlur Ejecuta código cuando el campo de texto pierde el foco utilizando ficha <input type=text onBlur="output()">
Resulta:
onFocus onFocus Ejecuta código cuando el campo de texto recibe el foco utilizando ficha <input type=text onFocus="output()">
Resulta:

DOM Propieresp_codedes: :
Listado de propieresp_codedes DOM (Dinámico Objeto Modelo) que pueden ser usaresp_codes para captar y alterar propiresp_codedes Text Field en javascript.
Los ejemplos citados debajo están basados en el formulario:
<form name=form1>
<input name=testf type=text value=xxx>
</form>

DOM Propieresp_codedes Descripción Ejemplo
defaultValue Utilizado para obtener y configurar el valor por defecto del campo de texto Para Obtener:
var ss = document.form1.textf.defaultValue;
form Utilizado para conseguir el nodo del padre (objeto de la forma) de este nodo del texto Para Obtener:
var ss = document.form1.textf.form;
name Se utiliza para obtener texto Nombre del campo Para Obtener:
var ss = document.form1.textf.name;
type Utilizado para conseguir el tipo de forma Para Obtener:
var ss = document.form1.textf.type;
value Utilizado para fijar o para conseguir valor del campo del texto Para Obtener:
var ss = document.form1.textf.value;
Para establecer::
document.form1.textf.value = "testy";
size Utilizado para fijar o para conseguir tamaño de campo del texto Para Obtener:
var ss = document.form1.textf.size;
Para establecer::
document.form1.textf.size = 4;
readOnly Se utiliza para comprobar o cambiar la propieresp_coded lectura. Los usuarios no pueden entrar en cualquier valor si el campo de texto está configurado como lectura. Verificar:
var ss = document.form1.textf.readOnly;
Para establecer::
document.form1.textf.readOnly = true;

DOM Métodos: :
Listado de métodos DOM (Dinámico Objeto Modelo) que pueden ser usados para hacer cambios dinámicos como selección dinámica de campos de texto (text field) usando javascript.
DOM Método Descripción Ejemplo
select() Se utiliza para seleccionar dinámicamente un campo de texto Para seleccionar:
document.form1.textf.select();
blur() Se utiliza para realizar dinámicamente el campo de texto borroso Para empañar:
document.form1.textf.blur();
focus() Se utiliza para obtener dinámicamente se centran en el campo de texto Al foco:
document.form1.textf.focus();

Ejemplo: Haciendo Text Field Select en un botón Mouse Over
<script language=javascript>
function rbevent()
{
var xx = document.xx.testtext.focus();
}
</script>

<form name=xx>
<input type=text name=testtext"> <input type=button name=rbtest onMouseOver="rbevent()">
</form>

Resulta:

AnteriorSiguiente

Java-Script Tutoriel