Cómo hago que pase lo mismo con 3 eventos distintos a la vez?

[Leganz]

Cómo hago para que por ejemplo:

Termina de cargar un elemento y dice hola. se hace click en el mismo elemento y diga hola y así, pero sin poner en el elemento el evento impreso...

Muchas gracias

[zerokilled]

de alguna manera tienes que registrar tres eventos, ya sea como atributo del elemento o asignandolo en el mismo script. no hay forma de que con un solo evento cubra varios.

Código:

// asumiento que element es la referencia de un elemento;
element.event = fn;
element.otro_evento = fn;
element.otro_evento_diferente = fn;

// por ejemplo;
function fn(){}

element.onmouseover = fn;
element.onclick = fn;
element.onmouseout = fn;

[manyjose]

asi como te dice "OK" en lugar de element escribe: document.getElementById('id_del_elemento')

[Leganz]

y si quiero que al presionar el elemento su valor cambie a x? es decir, en el mismo elemento sería onclick=" this.value='x' " pero cómo sería esto dentro de element.onclick



me podrías dar un ejemplo completo de cóm ose haria para que al hacer click en un elemento con id = campo su atributo value cambie a 'verde'?

Muchas gracias!

[zerokilled]

es decir, en el mismo elemento sería onclick=" this.value='x' " pero cómo sería esto dentro de element.onclick

como te mostre antes, solo que has de definir la funcion con sus instrucciones en el cuerpo.

Código:

element.event = function(){
// instrucciones aqui;
}

// ejemplo, asumiendo que input es un campo text;
input.onclick = function(){
this.value = "has hecho click en este campo";
}

basicamente dentro del cuerpo escribes lo que necesites. para el ejemplo que pides, pues depende. si el evento esta registrado en el mismo elemento donde quieres cambiar el value, puedes utilizar el keyword this, como mostre en el ejemplo anterior, para referirse al propio elemento. pero si el evento esta registrado en otro elemento, digamos un boton o una imagen, primero debes obtener la referencia del elemento que deseas trabajar. puede ser con document.getElementById si es que tiene atributo id. hay otras formas de adquirir la referencia pero la mas facil y rapida es mediante id. luego cambias los valores que requieras de dicho elemento.

[Leganz]

function Update(Campo){Campo.value = "has hecho click en este campo";}
var element = document.getElementByID("Campo");
element.onclick = Update(Campo);

<input name="Usuario" type="text" id="Campo"/>


Podrías decirme si este ejemplo está mal? porque no me funciona ^^

[_cronos2]

var element = document.getElementByID("Campo");

JavaScript es case-sensitive, por tanto no es lo mismo GETELEMENTBYID (no existe) que getElementById, y sólo funcionará así.
Saludos (:

[Adler]

Hola

Con permiso @ZK . Prueba así

Código Javascript:

function Update(Campo){alert("has hecho click en este campo " +Campo.id);}
 
function funcion() {
var element = document.getElementById("Campo");
element.onclick = function() {Update(this);};
}
window.onload = function() {funcion();};
 

Suerte

[Leganz]

Adler, en tu ejemplo funciona pero si quiero hacer que cambie el value del campo no me funciona...

[Adler]

Iniciado por Leganz

no me había dado cuenta pero igual no funciona...

Vale, que le estás respondiendo a @_cronos2. No sabía de que hablabas

[Leganz]

Bueno, ya funcionó!
Ahora quisiera saber si existe alguna forma de simplificarlo... digo por ese trozo de window.onload y la segunda funcion...

Gracias!

[Adler]

Hola

Prueba así

Código Javascript:

window.onload = function() {
document.getElementById("Campo").onclick = function() {alert("has hecho click en este campo " +this.id);};
}
 

Suerte