在jQuery中放大/縮小事件

Question

我只是想要一個在放大窗口時顯示警告的函數，如「放大」和縮小等「縮小」，我搜索了很多時間但每次我搜索時，我都會喜歡「放大窗口事件」，這不是我正在尋找的。

Answer 1

目前還不清楚你放大的意思，但我會猜測這是Ctrl +鼠標滾輪運動。

爲了實現這一點，只需查找鼠標滾輪事件並檢查控制鍵是否關閉。

這裏是一個起點：Get mouse wheel events in jQuery?

這將允許您檢測，如果鼠標向上或向下滾動。

所有你需要補充的是一個IF內，以檢查是否按下Ctrl鍵，你將能夠檢測用戶是否縮放

Answer 2

，而不是讓任何變焦功能 使用jQuery

.resize() 

功能

Answer 3

srceen.width是固定的值，而是作爲其中window.innerWidth值將按照變焦效果而改變。請嘗試下面的代碼：

$(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%") 
     } 
    });