팽이의

1438 단어
1. 이벤트: devicemotion(핸드폰 흔들림 감지)
     :  -accelerationIncludingGravity   
        :
        -x x    
        -y y     
        -z z     

팽이가 너무 예민할 때는 일반적으로 Math를 사용한다.round();정수를 취하다.
팽이의 호환성 문제: ios와 안드로이드에서 중력 가속도 값이 상반됩니다.호환성을 수동으로 해결해야 합니다.
var u=navigator.userAgent;//  userAgent,userAgent       
var isAndroid=u.indexOf('Android')>-1||u.indexOf('Adr')>-1;//     android
var isIOS=!!u.match(/\(i[^;]+;(u;)?CPU.+Mac OS X/);     ios

함수를 패키지화할 수도 있습니다.
function getAdr(){//android:true;ios:false;
   var u=navigator.userAgent;//  userAgent,userAgent       
return u.indexOf('Android')>-1||u.indexOf('Adr')>-1;//     android
}

2. 이벤트:orientationchange(가로 세로 전환)
가로 세로 화면이 전환될 때마다 이 사건을 촉발합니다.
현재 화면 상태(가로 또는 세로 화면)를 가져오려면 다음 대상을 검사해야 합니다.window 아래의 대상:window.orientation//가로 화면 상태: 90-90//세로 화면 상태: 0 - 180
용도: 가로세로 스크린 검측 회고: 매체를 사용해도 가로세로 스크린 검측을 실현할 수 있는데 그 원리는 스크린의 가시 구역의 넓이와 높이를 이용하여 가로세로 스크린 상태를 검측하는 것이다.그러나 이 경우 버그가 존재합니다. 입력법 키보드 창의 팝업은 가시구역의 넓이와 높이에 영향을 주어 가로세로 화면 전환을 일으킬 수 있습니다.
문제1: 어떻게 세로 화면만 표시할 수 있습니까?해결 방법: js에서 가로 화면 전환을 금지할 수 없기 때문에 가로 화면 전환이 발생할 때 js로 같은 방향으로 화면 내용을 회전시킬 수 있습니다.내비게이션 표시줄도 회전해야 하니 주의해라.
2. 이벤트: deviceorientation(핸드폰의 경사 회전 측정)
               :
        -alpha(rotateZ)
        -beta(rotateX)
        -gamma(rotateY)

좋은 웹페이지 즐겨찾기