JS获取手机、ipad横竖屏幕方向并监听变化

 if (navigator.userAgent.match(/mobile/i)) {

            var mql = window.matchMedia('(orientation: portrait)');
            function onMatchMediaChange(mql) {
                if (mql.matches) {
                    //竖屏
                    alert('此时竖屏')
                } else {
                    //横屏
                    alert('此时横屏')
                }
            }
            // 输出当前屏幕模式
            onMatchMediaChange(mql);

            // 监听屏幕模式变化
            mql.addListener(onMatchMediaChange);

        }