ホームページ > ウェブフロントエンド > jsチュートリアル > jsで画面の水平と垂直を決定し、ブラウザのスライダーを無効にする example_javascriptスキル

jsで画面の水平と垂直を決定し、ブラウザのスライダーを無効にする example_javascriptスキル

WBOY
リリース: 2016-05-16 16:50:39
オリジナル
1462 人が閲覧しました
コードをコピー コードは次のとおりです。

var $horizo​​ntal = $('.horizo​​ntal_screen'); //ランドスケープモードのプロンプトスタイルをカスタマイズできます
var $document = $(document) ;
varPreventDefault = function(e) {
e.preventDefault();
var touchstart = function(e) {
$document.on('タッチスタート touchmove',
};
var touchend = function(e) {
$document.off('タッチスタート touchmove' ,
};

関数listener(type){
if('add' == type){
//ポートレートモード
$horizo​​ntal.addClass(' Hide');
$document.off('touchstart', touchstart);
}else{
//ランドスケープモード
$horizo​​ntal.removeClass('hide');
$document.on('touchstart', touchstart);
$document.on('touchend', touchend); >function orientationChange(){
switch(window.orientation) {
//ポートレート モード
ケース 0:
ケース 180:
listener('add');
Break;
//ランドスケープモード
case -90:
case 90:
listener('remove');
break;
}
}

$ (window).on("onorientationchange" in window ? "orientationchange" : "resize", OrientationChange);

$document.ready(function(){
// 横向きモードの場合、インターフェイスに入ります。プロンプトは垂直画面のみをサポートします
if(window.orientation == 90 || window.orientation == -90){
listener('remove');
}); >
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート