瀏覽器縮放監聽

這裏的縮放不是指resize事件（改變瀏覽器窗口大小），而是指瀏覽器自己的縮放功能，通常使用如下方式進行縮放：

• ctrl配合鼠標滾輪
• ctrl配合-/+/0進行縮放。

雖然沒有專門的縮放事件，可是能夠經過監聽以上兩種縮放操做事件進行達到「監聽」縮放的目地：

• Ctrl+鼠標滾輪縮放：監聽DOMMouseScroll並判斷是否觸發了ctrl按鍵
• 鍵盤快捷鍵縮放：監聽keydown並判斷按鍵是不是三種縮放操做的任一一種組合

//  Ctrl+鼠標滾輪縮放
document.addEventListener('DOMMouseScroll', function (e) {
  //監測滾輪事件中是否按下了Ctrl鍵
  if (e.ctrlKey) {
   //xxx
  }
})

//c2   鍵盤快捷鍵縮放
document.addEventListener('keydown', function (e) {
  //按下Ctrl 以及如下任意一鍵：+ - 或 0
  if (e.ctrlKey && (e.code === 'Equal' || e.code === 'Minus' || e.code === 'Digit0')) {
    xxx
  }
})

提示：獲取縮放比例：window.devicePixelRadio