Javascript 避免单击时重新加载

我编写了一个代码，在用户调整窗口大小时重新加载我的页面。但当用户希望以全屏模式显示动画书时，我与动画书发生了冲突

当用户单击全屏按钮时，页面将重新加载

当用户单击全屏模式按钮时，如何避免重新加载我的页面？先谢谢你

var breakpoint_width = 1199;

window.addEventListener('resize', function(event) {
    if ($('.page-single').length > 0 && $win.width() > breakpoint_width) {
        clearTimeout(resizeTimeout);
        resizeTimeout = setTimeout(function() {
            window.location.reload();
        }, 200);
    }
});

---

只是这样一个检查，以确定行动是从打开全屏或调整大小

我更新了我的答案，因为您正在使用jQuery

   var breakpoint_width = 1199;
   window.IsClicked = false;

    window.addEventListener('resize', function(event) {
        if (!window.IsClicked && $('.page-single').length > 0 && $win.width() > breakpoint_width) {
            clearTimeout(resizeTimeout);
            resizeTimeout = setTimeout(function() {
                window.location.reload();
            }, 200);
        }
    });

    $(".ti-fullscreen").on("click", function(event) {
     window.IsClicked = true;
     //Then do full screen
    });

您还可以在单击关闭全屏或退出全屏时添加另一个事件

  $(".exit-fullscreen").on("click", function(event) {
     window.IsClicked = false;
     //Then do exit full screen
    });

---

谢谢你的帮助@Peter。我得到了一个错误：fullScreenButton.addEventListener不是一个函数fullScreenButton是对你的全屏按钮的对象引用，用你自己的替换fullScreenButton。我创建了一个变量来监听事件，类为：var fullScreenButton=document.getElementsByClassName'ti-fullscreen'；非常感谢。我更新了我的代码。但当我点击全屏按钮时，window.IsClicked il always on false