El evento devuelve [object MouseEvent] en lugar del texto.
Tengo mi etiqueta p que debería cambiar el texto cuando activo el evento mouseover, pero de alguna manera obtengo [object MouseEvent] como resultado y no el texto.
HTML
<p id="album-name-1"
onmouseover="changeText('follow me around, greatest song of the album!')">
cambiar el texto
</p>
JS
var par = document.querySelector("#album-name-1");
par.addEventListener("mouseover", changeText);
function changeText(text) {
if (this.id === "album-name-1") {
par.innerHTML = text;
}
}
Quería hacer esto con el uso de la palabra clave “this”, pero de alguna manera no funciona como espero. ¿Alguna sugerencia?
davy.ai
Puede usar el objeto
event
para acceder al elemento que activó el evento. Intente cambiar su funciónchangeText
a lo siguiente: