JavaScript 判斷手機(jī)是橫屏還是豎屏

function hengshuping() {
    if (window.orientation === 180 || window.orientation === 0) {
        // 豎屏狀態(tài) do something
    }
    if(window.orientation === 90||window.orientation === -90) {
        // 橫屏狀態(tài) do something
    }
}

window.addEventListener('onorientationchange' in window ? 'orientationchange' : 'resize', hengshuping, false);

移動(dòng)端的瀏覽器一般都支持 window.orientation 這個(gè)參數(shù),通過這個(gè)參數(shù)可以判斷出手機(jī)是處在橫屏還是豎屏狀態(tài)。
從而根據(jù)實(shí)際需求而執(zhí)行相應(yīng)的程序。通過添加監(jiān)聽事件 onorientationchange,進(jìn)行執(zhí)行就可以了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 以下是復(fù)制別人的文章過來的,目的是保留下這個(gè)方法,便于今后查閱使用,該文章不會(huì)用于任何商業(yè)用途,該文章的出處:ht...
    鴻蒙一笑萬物開閱讀 8,746評論 0 3
  • 中秋將至,月餅自然是必不可少,但說起月餅的口味,最讓你印象深刻的是什么呢? 如果你還說五仁月餅,那你就OUT啦! ...
    f伐木累閱讀 245評論 0 0
  • 現(xiàn)在單位里的各種主題演講活動(dòng)層出不窮,比如《學(xué)雷鋒樹新風(fēng)》主題演講、《抓落實(shí)馬上辦》主題演講等,本人對演講略懂一點(diǎn)...
    后知后覺的人閱讀 395評論 1 3
  • “就喜歡看你沒出息的樣子?!?很多人看到第一眼會(huì)覺得是損別人、看笑話的句子。然而,我卻認(rèn)為這句話得包含了多少的溫柔...
    雨天小將閱讀 713評論 0 3
  • 一個(gè)人的記憶就是一座城市,時(shí)間腐蝕著一切建筑,把高樓和道路全部沙化。如果你不往前走,就會(huì)被沙子掩埋。所以我們淚流滿...
    梓楊說閱讀 279評論 0 0

友情鏈接更多精彩內(nèi)容