禁用 javascript 之類的媒體查詢

Question

我有一個旋轉我的 div 的腳本，但是當我的屏幕小於 600px 時我想禁用 js，這是旋轉 div 的代碼：

var form = document.getElementById('survey-form');

form.addEventListener('mousemove', (e) =>{
    var x = (window.innerWidth / 2 - e.pageX) / 200;
    var y = (window.innerHeight / 2 - e.pageY) / 200;

    form.style.transform = 'rotateX(' + x + 'deg) rotateY(' + y + 'deg)'
});

form.addEventListener('mouseleave', function(){
    form.style.transform = 'rotateX(0deg) rotateY(0deg)';
});

我試過這個

$(window).resize(function() {
    if ($(window).width()>600){
    var form = document.getElementById('survey-form');

form.addEventListener('mousemove', (e) =>{
    var x = (window.innerWidth / 2 - e.pageX) / 200;
    var y = (window.innerHeight / 2 - e.pageY) / 200;

    form.style.transform = 'rotateX(' + x + 'deg) rotateY(' + y + 'deg)'
});

form.addEventListener('mouseleave', function(){
    form.style.transform = 'rotateX(0deg) rotateY(0deg)';
});
}

但代碼只是停止在所有屏幕上工作。

Answer 1

它停止是因為您正在檢查$(window).width()>600 。 這意味着如果屏幕寬度大於600 像素，並且您正在尋找小於600 像素的目標屏幕。 所以只需將這個$(window).width() > 600切換到這個$(window).width() < 600