使用 javascript 禁用鍍鉻縮放

Question

有沒有辦法用javascript禁用鍍鉻縮放。 我不想更改 chrome://flags 中的任何內容，我想禁用 chrome 的默認縮放和滑動到上一頁行為，而是想編寫自己的平移/縮放代碼。 我能夠處理所有這些事件，但調用 'preventDefault' 無濟於事。 處理鼠標滾輪、ctrl+ 和 ctrl- 事件以及在那里調用 'preventDefault' 也無濟於事。

最后，我想要使用 2 根手指自定義多點觸控縮放，以及 chrome 和 IE 11 的平移功能。IE 平移對我來說非常適合，但縮放不行。

下面的示例腳本：

  <!DOCTYPE html>
    <html>
    <head>
    <title>Test</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />

    <script type="text/javascript" src="Scripts/jquery-3.1.0.js" ></script>

    <script type="text/javascript" >
      document.addEventListener('touchstart', function(event){
          event.preventDefault();
      });
      document.addEventListener('touchend', function(event){
          event.preventDefault();
      });
      document.addEventListener('touchmove', function(event){
          event.preventDefault();
      });
      $('*').bind('touchmove', false);
    </script>

   <body>
   <h1 align="center">
    TEST STRING FOR PINCH ZOOM
    </h1>
    </body>
    </html>

Answer 1

這對我有用，以防有人出現在這里尋找答案。

document.addEventListener(
  'wheel',
  function touchHandler(e) {
    if (e.ctrlKey) {
      e.preventDefault();
    }
  },
  { passive: false }
);

使用 javascript 禁用鍍鉻縮放

問題描述

1 個解決方案

解決方案1
5 2020-01-27 17:49:37

使用 javascript 禁用鍍鉻縮放

問題描述

1 個解決方案

解決方案1 5 2020-01-27 17:49:37

解決方案1
5 2020-01-27 17:49:37