Comment arrêter mouseover et la fonction mouseout après un événement click

Question

J'ai essayé d'arrêter un survol de la souris et la fonction mouseout après un événement de clic, mais il ne fonctionne pas:

document.querySelectorAll('.box').forEach(function(x){ 
     x.addEventListener("mouseover", function() { 
      video = this.querySelector('video'); 
      if (video.muted == true) { 
       video.muted = false; 
      } else { 
       video.muted = true;} 
     }, false) 
     x.addEventListener("mouseout", function() { 
      this.querySelector('video').muted = true; 
       }, false) 
     x.addEventListener("click", function() { 
      this.off('mouseover').; 
     }) 

Ce que je suis en train est de jouer la vidéo avec son après un clic, mais à la place, elle continue avec l'effet mouseover.

Merci! et désolé pour le mauvais anglais

Answer 1

Utilisez removeEventListener pour supprimer gestionnaire d'événement attaché

function mouseoverfunc() { 
      video = this.querySelector('video'); 
      if (video.muted == true) { 
       video.muted = false; 
      } else { 
       video.muted = true;} 
     } 
document.querySelectorAll('.box').forEach(function(x){ 
     x.addEventListener("mouseover",mouseoverfunc, false) 
     x.addEventListener("mouseout", function() { 
      this.querySelector('video').muted = true; 
       }, false) 
     x.addEventListener("click", function() { 
      this.removeEventListener('mouseover',mouseoverfunc); 
     })