index.html
<body class="teste">
<h1 id="teste-zica">teste</h1>
<h2>teste2</h2>
<h3>teste3</h3>
js.js
addEventListener("mouseover", paradaDeSucesso);
function paradaDeSucesso(event) {
$(event.target).addClass("intro");
this.addEventListener("click", function(){
var x = document.getElementsByClassName("intro")[0].textContent;
$(event.target).removeClass("intro");
});
}
O problema é o seguinte: toda vez o meu hover
ta pegando o body
, e assim quando clico ele pega o valor todo, não era pra acontecer isso, há um meio de travar o addClass
para a tag body
?
PS: O que eu quero fazer é o deixar o local que o mouse está com a tag e assim que ele for clicado pegar o conteúdo daquela Class, "intro" no caso, para usar em outra função para traduzir para libras o conteúdo que foi clicado.
event.stopPropagation();
para evitar que o evento volte aobody
, mas sem explicares melhor o que queres fazer é dificil ajudar.addEventListener
a cada elemento. Podes dar um exemplo do HTML?