클릭 이벤트 이후 마우스 오버와로 마우스 기능을 중지하는 방법

Question

내가 클릭 이벤트 이후 마우스 오버와로 마우스 기능을 중지하려고 노력했지만 작동하지 않습니다

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').; 
     }) 

내가 뭘하려고 해요하여 재생하는 것입니다 클릭 한 후 소리가 나는 비디오. 대신 마우스 오버 효과가 계속됩니다.

감사합니다. 나쁜 영어

Answer 1

사용 removeEventListener 죄송 것은 연결된 이벤트 핸들러를 제거하려면

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); 
     })