¿Cómo trabajar onmouseover con puro JS sin la propiedad en HTML?

[jonni09lo]

Iniciado por SeaPirates

Podrías utilizar la librería jQuery que te facilita las funciones:

Código Javascript:

$(document).on('mouseover', '#imagen', function() {
     alert("Pusiste el cursor encima de la imagen");
     $(this).attr('src', 'imagen2.png');
});
 

Creo que el estimado dijo que quería en puro JS, además si hubiera querido usar jQuery hubiera posteado en el foro de jQuery. No?

Estas usando mal los eventos, debes usar listeners para poder capturar un determinado evento en un elemento.

Código HTML:

<img src="img1.png" id="img" />
 

Código Javascript:

var imagen = document.getElementById("img");
  
imagen.addEventListener("mouseover", function(){
    alert('Hola');
    imagen.src = "img2.png";
}, false);
 

Demo: http://jsfiddle.net/Lp5GA/

PD: si quieres dar un soporte cross browser mira este tema

Saludos