欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS和css實(shí)現(xiàn)檢測(cè)移動(dòng)設(shè)備方向的變化并判斷橫豎屏幕

 更新時(shí)間:2015年05月25日 09:50:23   投稿:junjie  
這篇文章主要介紹了JS和css實(shí)現(xiàn)檢測(cè)移動(dòng)設(shè)備方向的變化并判斷橫豎屏幕,本文分別給出實(shí)現(xiàn)代碼,需要的朋友可以參考下

方法一:用觸發(fā)手機(jī)的橫屏和豎屏之間的切換的事件

復(fù)制代碼 代碼如下:

window.addEventListener("orientationchange", function() {

// 宣布新方向的數(shù)值

alert(window.orientation);

}, false);

方法二:監(jiān)聽(tīng)調(diào)整大小的改變

復(fù)制代碼 代碼如下:

window.addEventListener("resize", function() {

// 得到屏幕尺寸 (內(nèi)部/外部寬度,內(nèi)部/外部高度) 

}, false);

 

css判斷橫豎屏幕

復(fù)制代碼 代碼如下:

/* portrait */

@media screen and (orientation:portrait) {

/* portrait-specific styles */

}

/* landscape */

@media screen and (orientation:landscape) {

/* landscape-specific styles */

}

本地window.matchMedia方法允許實(shí)時(shí)媒體查詢(xún)。我們可以利用以上媒體查詢(xún)找到我們是處于直立或水平視角:

復(fù)制代碼 代碼如下:

var mql = window.matchMedia("(orientation: portrait)");

// 如果有匹配,則我們處于垂直視角

if(mql.matches) { 

// 直立方向

alert("1")

} else { 

//水平方向

alert("2")

// 添加一個(gè)媒體查詢(xún)改變監(jiān)聽(tīng)者

mql.addListener(function(m) {

if(m.matches) {

// 改變到直立方向

document.getElementById("test").innerHTML="改變到直立方向";

}

else {

document.getElementById("test").innerHTML="改變到水平方向";

// 改變到水平方向

}

});

相關(guān)文章

最新評(píng)論