js判斷橫豎屏及禁止瀏覽器滑動(dòng)條示例
更新時(shí)間：2014年04月29日 17:13:48 作者：
這篇文章主要介紹了使用js如何判斷橫豎屏及禁止瀏覽器滑動(dòng)條,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
var $horizontal = $('.horizontal_screen') ; //可自定義橫屏模式提示樣式
var $document = $(document) ;
var preventDefault = function(e) {
e.preventDefault();
};
var touchstart = function(e) {
$document.on('touchstart touchmove', preventDefault);
};
var touchend = function(e) {
$document.off('touchstart touchmove', preventDefault);
};
function listener(type){
if('add' == type){
//豎屏模式
$horizontal.addClass('hide');
$document.off('touchstart', touchstart);
$document.off('touchend', touchend);
}else{
//橫屏模式
$horizontal.removeClass('hide');
$document.on('touchstart', touchstart);
$document.on('touchend', touchend);
}
}
function orientationChange(){
switch(window.orientation) {
//豎屏模式
case 0:
case 180:
listener('add');
break;
//橫屏模式
case -90:
case 90:
listener('remove');
break;
}
}
$(window).on("onorientationchange" in window ? "orientationchange" : "resize", orientationChange);
$document.ready(function(){
//以橫屏模式進(jìn)入界面，提示只支持豎屏
if(window.orientation == 90 || window.orientation == -90){
listener('remove');
}
});
相關(guān)文章
微信小程序頁(yè)面間傳值與頁(yè)面取值操作實(shí)例分析
這篇文章主要介紹了微信小程序頁(yè)面間傳值與頁(yè)面取值操作,結(jié)合實(shí)例形式分析了微信小程序頁(yè)面間傳值及頁(yè)面取值操作相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-04-04
Ethers.js則是一個(gè)輕量級(jí)的web3.js替代品，在本文中，我們將學(xué)習(xí)使用ethers.js部署Solidity智能合約的方法，感興趣的朋友一起看看吧2021-10-10
JavaScript算法實(shí)例之求二叉樹(shù)從根到葉的所有路徑和
如果你希望求某一特定路徑（例如從根到葉子）上數(shù)字的和,那么問(wèn)題就轉(zhuǎn)變?yōu)榱恕扒蠖鏄?shù)從根到葉的所有路徑和”,所以本文給大家介紹了如何使用JavaScript求二叉樹(shù)從根到葉的所有路徑和,需要的朋友可以參考下2023-10-10
兩個(gè)等號(hào)直接比較值，但是類型不能相互轉(zhuǎn)換的時(shí)候報(bào)錯(cuò)2010-04-04
JS正則表達(dá)式大全(整理詳細(xì)且實(shí)用)
JS正則表達(dá)式大全(整理詳細(xì)且實(shí)用)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
在B/S開(kāi)發(fā)中經(jīng)常用到的JavaScript技術(shù)
javascript運(yùn)用中，經(jīng)常用到的代碼，建議每段代碼都要看下，注意本文有三頁(yè)，仔細(xì)看玩，逐個(gè)研究透徹，那么網(wǎng)頁(yè)中常見(jiàn)的問(wèn)題，你也就熟悉掌握了2008-05-05
js parentElement和offsetParent之間的區(qū)別
這里主要說(shuō)的是 offsetParent 屬性，這個(gè)屬性在 MSDN 的文檔中也沒(méi)有解釋清楚，這就讓人更難理解這個(gè)屬性。 這幾天在網(wǎng)上找了些資料看看，再加上自己的一些測(cè)試，對(duì)此屬性有了那么一點(diǎn)的了解，在這里總結(jié)一下。2010-03-03
JavaScript實(shí)現(xiàn)定時(shí)任務(wù)隊(duì)列的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)一個(gè)基于一定時(shí)間間隔連續(xù)執(zhí)行任務(wù)隊(duì)列的功能,文中的示例代碼講解詳細(xì),需要的小伙伴可以參考下2023-11-11
這篇文章主要給大家介紹了關(guān)于微信小程序組件生命周期的踩坑記錄，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
這篇文章主要介紹了原生js實(shí)現(xiàn)貪食蛇小游戲的思路詳解,，文中給大家寫(xiě)出了注釋，幫助大家理解代碼，需要的朋友可以參考下2019-11-11