Spanish
Sign in / Sign up

Javascript Objeto de Area de texto

Como cambiar dinamicamente un Text Area usando javascript?
O
cuales son los eventos asociados con form type textarea?

Explicación

Básico HTML forma área de texto
Objeto Area de texto :
La siguiente sintasis podrá tomar un objeto de TextArea en javascript
Sintasis: document.formname.textarea
Código Ejemplo:
<form name=testform>
<textarea name=textn > testeando area de texto </textarea>
</form>
<script language="javascript">
var cbobject= document.testform.textn;
</script>

Aquí los eventos, propieresp_codedes dom y métodos asociados con Text element.
Captadores de Eventos: Asociados con formas de Area de texto Todos los ejemplos usan una función javascript output
<script language=javascript>
function output()
{
alert("testeando area de texto ");
}
</script>
Tratante de acontecimiento Descripción Ejemplo
onMouseOver onMouseOver se invoca cuando un ratón se mueve sobre el área de texto <textarea name=textn onMouseOver="output()"> testing text area </textarea>
Resulta:
onMouseDown onMouseDown se invoca cuando un ratón es presionado en el interior del área de texto <textarea name=textn onMouseDown="output()"> testing text area </textarea>
Resulta:
onMouseUp onMouseUp se invoca cuando se pulsa el ratón en el interior del área de texto y puesto en libertad <textarea name=textn onMouseUp="output()"> testing text area </textarea>
Resulta:
onClick onClick se invoca cuando un clic del ratón se realiza en el interior del área de texto <textarea name=textn onClick="output()"> testing text area </textarea>
Resulta:
onBlur onBlur Ejecuta código cuando el área de texto pierde el foco utilizando ficha <textarea name=textn onBlur="output()"> testing text area </textarea>
Resulta:
onFocus onFocus Ejecuta código cuando el área de texto recibe el foco utilizando ficha <textarea name=textn onFocus="output()"> testeando area de texto </textarea>
Resulta:

DOM Propieresp_codedes:
Listado de propieresp_codedes DOM (Dinámico Objeto Modelo) que pueden ser usados para captar y alterar propieresp_codedes en javascript.
Ejemplos basados en el formulario
<form name=form1>
<textarea name=textn> testeando area de texto </textarea>
</form>

DOM Propieresp_codedes Descripción Ejemplo
defaultValue Utilizado para obtener y establecer el valor predeterminado del área de texto To Get:
var ss = document.form1.textn.defaultValue;
form Utilizado para conseguir el nodo del padre (objeto de la forma) de este nodo del área de texto To Get:
var ss = document.form1.textn.form;
name Utilizado para conseguir el nombre de TextArea To Get:
var ss = document.form1.textn.name;
type Utilizado para conseguir el tipo de forma To Get:
var ss = document.form1.textn.type;
value Utilizado para fijar o para conseguir valor del área de texto To Get:
var ss = document.form1.textn.value;
To Set::
document.form1.textn.value = "testy";
size Utilizado para fijar o para conseguir tamaño del área de texto To Get:
var ss = document.form1.textn.size;
To Set::
document.form1.textn.size = 4;
readOnly Se utiliza para comprobar o cambiar la propieresp_coded lectura. Los usuarios no pueden entrar en cualquier valor si el área de texto se establece como readonly. To Check:
var ss = document.form1.textn.readOnly;
To Set::
document.form1.textn.readOnly = true;

DOM Metodos:
Listado de métodos DOM (Dinámico Objeto Modelo) que pueden ser usados para realizar cambios dinámicos como selección dinámica de un text area usando javascript.
DOM Método Descripción Ejemplo
select() Se utiliza para seleccionar dinámicamente un área de texto To Select:
document.form1.textn.select();
blur() Se utiliza para realizar dinámicamente el área de texto borroso To Blur:
document.form1.textn.blur();
focus() Se utiliza para obtener dinámicamente se centran en el área de texto To Focus:
document.form1.textn.focus();

Ejemplo: realizando un area de texto con un botón con la función Mouse Over
<script language=javascript>
function rbevent()
{
var xx = document.xx.testarea.focus();
}
</script>

<form name=xx>
<textarea name=testarea> testeando area de texto </textarea>
<input type=button name=rbtest onMouseOver="rbevent()">
</form>

Resulta:

AnteriorSiguiente

Java-Script Tutoriel