如何禁用具有内部窗口宽度的JavaScript

我正在处理的页面具有倾斜效果，这会影响站点主体的方向。我想在页面到达移动视口时关闭此选项；我已经看过并尝试了一些东西，但似乎没有达到我想要的效果。下面的代码是我正在使用的。这个脚本独立于我的主JS代码运行

window.addEventListener("mousemove",function(e) {

  var width = window.innerWidth;
  var height = window.innerHeight;
  var clientHeight = document.body.clientHeight;
  var skew = {};
  skew.y = (20 * ((e.x / width) - 0.5));
  skew.x = -(20 * ((e.y / height) - 0.5));

  document.body.style.webkitTransform = "perspective("+clientHeight+"px) rotateX("+skew.x+"deg) rotateY("+skew.y+"deg)";

});

---

CSS更改不会自行删除，因此，如果浏览器窗口小于所需大小，则必须手动删除转换

检查窗口大小

window.addEventListener('resize', function() {
  if (window.innerWidth < 568) {
    document.body.style.webkitTransform = '';
  }
});

window.addEventListener（'resize'，function（）{
如果（窗内宽度<568）{
document.body.style.webkitttransform=''；
}
});

另外，如果用户移动鼠标，请确保不要重新应用它

// This is the function you already have
window.addEventListener('mousemove', function(e) {
  if (window.innerWidth < 568) {
    return;
  }
  ...
}

//这是您已经拥有的函数
window.addEventListener（'mousemove'，函数（e）{
如果（窗内宽度<568）{
返回；
}
...
}

你说的“关掉这个”是什么意思？如中所述，如果用户设备的屏幕小于某个特定大小，就不要运行该脚本？或者在用户调整浏览器窗口大小时动态地关闭和打开该脚本？我希望只有当broswer窗口为全尺寸时，倾斜才会出现。我尝试了以下.window.addEventListener（'resize'，function（）{if（window.innerWidth>568）{…执行脚本}但它似乎不起作用，我想我不知道脚本运行的语法？那么我会将这些添加到负责效果的JS文件中，还是添加到站点的主JS文件中？负责效果的JS文件。第二段代码是对您最初发布的内容的修改，只需在mo中添加if语句使用Move函数。好的，我想我大部分时间都可以使用它，它在移动设备中仍然有一些扭曲，但比以前更好。非常感谢您的帮助。如果它最初仍然有扭曲，请尝试在页面加载时运行document.body.style.webkitttransform=''；如果我的答案解决了您的问题，请将其标记为“已接受”通过打勾。