媒体查询脚本/matchMedia

Question

我有一个只能在小型设备上执行的脚本(https://github.com/SubZane/flyPanels)。

该脚本由以下人员调用：

<script>
document.addEventListener("DOMContentLoaded", function(event) {
    FastClick.attach(document.body);
    flyPanels.init({
            treeMenu: {
                init: true
            },
            search: {
                init: true,
                saveQueryCookie: true
            }
    })
});

</script>

我该如何实现这一点？

Answer 1

请参阅此link

所以基本上可以通过if语句进行检查，如下所示

if(screen.width == 768){
    //your code here

}

然后，...and将您的事件代码放在它下面。只需询问你想让你的代码工作的屏幕大小，并检查它。PS: js的screen对象在px....so中有规范，请确保签入px。