首页 > 其他分享 >JS - 监听手机横屏竖屏

JS - 监听手机横屏竖屏

时间:2022-11-27 13:13:21浏览次数:67  
标签:console log JS 横屏 竖屏 监听 orientation

// 监听屏幕
            window.addEventListener('orientationchange', function() {
                let orientation = window.orientation;
                console.log("orientation", orientation);

                switch(orientation)
                {
                    case 90:
                        console.log("横屏")
                        break;
                    default:
                        console.log("竖屏");
                }
                
            })

 

标签:console,log,JS,横屏,竖屏,监听,orientation
From: https://www.cnblogs.com/sanyekui/p/16929491.html

相关文章

  • moment.js 处理时间日期的库
    vue项目中,需要把moment.js挂载到全局上(即vue的原型链上),访问时直接使用this.moment();vue项目中不挂载到全局,单文件(单组件)使用:==>>importmomentfrom"moment";......
  • 《vue.js设计与实现》笔记(1~4章)
    以下内容均来自本书第1章命令式编程与声明式编程关注结果(声明式)和关注过程(命令式)运行时和编译时(vue、react、svelte)坐火车时,进站检票(编译时)和上车检票(运行时)框架性......
  • Nodejs简单方式安装至centos
    1.官网 下载编译好的包官网下载:下载|Node.js中文网(nodejs.cn)cd/usr/localwgethttps://npmmirror.com/mirrors/node/v16.18.1/node-v16.18.1-linux-x64.tar.xz......
  • 野花--js中使用+实现转换成字符串的小注意
    在使用C3的transform时出现的一个问题:this.style.transform='translateX('+boxLeft+e.targetTouches[0].pageX-startX+'px)';这个并没有出现我预料的结果变成......
  • (一)KitJs瀑布流组件特点
    (一)KitJs瀑布流组件特点1.瀑布流形式呈现图片加载,鼠标滚动到底加载新的数据2.瀑布条数随窗口大小改变而改变,支持任意缩放窗口(二)使用方法core需要引用kit.js,IE下通过条件注......
  • Centos安装Nodejs简单方式
    Node.js是一个基于ChromeV8引擎的JavaScript运行时。本文主要讲的是如何在Linux即Centos上安装Nodejs的简单方式,有比设置环境变量更加简单的方式,那就是设置软链接,软......
  • js框架:vue3
    一个前端网页有:HTML,js,css三个部分主组成,高级一点的动态页就外加后台代码。vue:是JavaScript封装起来的框架【js---》jQuery---》vue框架】,js就JavaScript的简写,其框架作用就......
  • 使用JSON实现数据深拷贝时需要注意的坑
    JSON实现深拷贝非常便利,但如果你不熟悉JSON或者对将要被深拷贝的对象不清楚,那么的话,还是要谨慎些。//JSON深拷贝JSON.parse(JSON.stringify(obj)); 存在以下几种情......
  • Js 之turn.js翻书中添加视频、链接
    注意:视频在翻页后没有做关闭功能。代码在百度网盘中一、前端效果图 二、后端数据配置效果图  ......
  • 从NodeSource存储库安装Node.js和npm
    参考:​​https://github.com/nodesource/distributions​​安装说明:Node.jsv19.x:1、Debian系统,登录rootcurl-fsSL​https://deb.nodesource.com/setup_19.x​​|bash......