자바 스크립트에서 mediaquery 사용

Question

모바일 화면에 툴팁이 나타납니다. 따라서 툴팁이 열리는 장치에 따라 툴팁의 옵션을 변경하고 싶습니다. 바탕 화면의 측면에서 열고 모바일의 상단에서 엽니 다.

어떻게하면 자바 스크립트에서 할 수 있습니까? 옵션

내 코드 : 760px의 최대 폭

$scope.initToolTip = function(item) { 
     $timeout(function() { 
     var tooltip = $('.tooltip'+item.id).tooltipster({ 
      contentCloning: true, 
      interactive: true, 
      side:'left', 
      delay:50, 
      animationDuration:300 
     }); 
     },100); 
    }; 

장치 측면이 있어야합니다 상단.

Answer 1

이 경우 API이 있습니다. 그것은이 (연결 모질라 개발자 네트워크 기사에서 예)처럼 작동 :

여기

if (window.matchMedia("(min-width: 400px)").matches) { 
    /* the viewport is at least 400 pixels wide */ 
} else { 
    /* the viewport is less than 400 pixels wide */ 
} 

Answer 2

는 screen.width을 사용하고 있습니다.

$scope.initToolTip = function(item) { 
     $timeout(function() { 
     var tooltip = $('.tooltip'+item.id).tooltipster({ 
      contentCloning: true, 
      interactive: true, 
      // if screen width is 760 or bigger set to left else set top 
      side: screen.width >= 760 ? 'left' : 'top', 

      delay:50, 
      animationDuration:300 
     }); 
     },100); 
    };