时间戳

首页 > 解决方案 > 当使用移动设备打开我的网页时，如何禁用javascript中的某些功能？

javascript - 当使用移动设备打开我的网页时，如何禁用javascript中的某些功能？

问题描述

当使用移动设备打开我的网页时，如何禁用我的一些 js 脚本功能？如果它仅在 css 上我可以做到，但某些按钮需要在 js 上具有功能。这是我的内部 js 代码

var menuBtn = document.getElementById("menu")
var sideNav = document.getElementById("header")
var xBtn = document.getElementById("xBtn")
var slidePage = document.getElementById("main-page")

sideNav.style.right = "-250px";

menuBtn.onclick = function(){
    if(sideNav.style.right == "-250px"){
        sideNav.style.right = "0";
        menuBtn.style.display = "none";
        slidePage.style.left = "-9%";
    }
    else{
        sideNav.style.right = "-250px";
        menuBtn.style.display = "block";
    }
}

xBtn.onclick = function(){
        sideNav.style.right = "-250px";
        slidePage.style.left = "0";
        menuBtn.style.display = "block";
}

标签： javascripthtmlresponsive

解决方案

您可以使用此功能进行检测。

function isMobile(){
    return window.innerWidth <= 600;
}

快乐编码:)

推荐阅读