Ver Mensaje Individual
  #5 (permalink)  
Antiguo 02/01/2014, 14:09
Avatar de berkeleyPunk
berkeleyPunk
 
Fecha de Ingreso: febrero-2013
Ubicación: México :C
Mensajes: 565
Antigüedad: 12 años
Puntos: 22
Sonrisa Respuesta: ¿Cómo trabajar onmouseover con puro JS sin la propiedad en HTML?

Gracias por responder a los maestros jonni09lo y Alexis88 . También agradezco al compañero SeaPirates, aunque ciertamente no es jQuery lo que estoy buscando sino JS puro (aunque por otro lado también sirve, porque me he dado a la tarea de aprender a manejar un poco de jQuery).

Muy bien, entendido, debo hacerlo con addEventListener.

He visto los ejemplos que ponen en jsfiddle.net y funcionan perfectamente. El caso es que los copio tal cual en mi Dreamweaver, los corro y resulta que no jalan. ¿Por qué?

Me he pasado toda la mañana buscando y aprendiendo esto de los escuchadores. Ya aprendí algo y aún no logro ver por qué no funcionan en local los ejemplos que ustedes ponen en jsfiddle.net. Nota: los ejecuté en las últimas versiones de Chrome, Firefox, Opera y en IE11.

Les pongo el código con el que pruebo:

Código HTML:
Ver original
  1. <div id="miDiv" style="width:400px; height:200px; background-color:black;">
  2.   </div>

Código Javascript:
Ver original
  1. elemento = document.getElementById("miDiv");
  2.     elemento.addEventListener("mouseover", function(){
  3.       alert("Pusiste el cursor encima del DIV");
  4.     }, false);

...y no funciona.

Saludos