JS 判断手机是否横屏的简单示例

内容摘要
这篇文章主要为大家详细介绍了JS 判断手机是否横屏的简单示例,具有一定的参考价值,可以用来参考一下
文章正文

这篇文章主要为大家详细介绍了JS 判断手机是否横屏的简单示例,具有一定的参考价值,可以用来参考一下。

对此感兴趣的朋友,看看idc笔记做的技术笔记。

主要通过window.orientation来实现最好用手机进行测试,电脑的浏览器不一定会生效。

JS代码如下:

/**
 * 通过window.orientation来实现,判断手机是否横屏
 *
 * @param 
 * @arrange (www.idcnote.com)
 **/
function rotate() {
      if (window.orientation == 180 || window.orientation == 0) {
      alert('竖屏')
      }
      if (window.orientation == 90 || window.orientation == -90) {
      alert('横屏')
      }
    }
    window.addEventListener("load", rotate, false);
    window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", rotate, false);

注:关于JS 判断手机是否横屏的简单示例的内容就先介绍到这里,更多相关文章的可以留意

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!