jQuery의 확대/축소 이벤트

Question

간단히 말해 "zoomed in"과 같은 확대/축소 표시와 "zoomed out"과 같은 축소 표시의 경고 기능을 원하는 경우이 함수를 많은 시간 동안 검색했습니다 그러나 내가 검색 할 때마다 나는 "창 이벤트로 확대"하는 것처럼 느껴진다. 그리고 그것은 내가 찾고있는 것이 아니다.

Answer 1

줌인의 의미가 명확하지 않지만 Ctrl + 마우스 휠 이동이라고 추측합니다.

구현하려면 마우스 휠 이벤트를 찾고 컨트롤 키가 눌러져 있는지 확인하십시오. 마우스를 아래로 스크롤하면이 사용자가 감지 할 수 Get mouse wheel events in jQuery?

: 여기

는 출발점이 될 것입니다.

추가 할 필요가 확인하는 내부 IF이다 Ctrl 키를 누르면 사용자가 어떤 줌 기능 사용 JQuery와

.resize() 

에게

Answer 2

을 확대하기보다는 얻는 경우 당신은 감지 할 수있는 경우

기능

Answer 3

srceen.width 고정 값이지만 여기서 window.innerWidth 값이 축소 효과에 따라 변화 할 것이다 같다. 당신은 Ctrl 키 +를 사용하여 같은 확대 뜻

$(window).resize(function() { 
     if(screen.width == window.innerWidth){ 
      alert("you are on normal page with 100% zoom"); 
     } else if(screen.width > window.innerWidth){ 
      alert("you have zoomed in the page i.e more than 100%"); 
     } else { 
      alert("you have zoomed out i.e less than 100%") 
     } 
    });