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

如何在单击事件后停止鼠标悬停和mouseout功能

1 个答案: