h5页面禁止用户缩放无效

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<script type="text/javascript">
          window.onload = function() {
              if (window.alltobid_app) {
                  // 缩放
                  try {
                      // 禁用双击缩放
                      document.addEventListener("touchstart", function(event) {
                          if (event.touches.length > 1) {
                              event.preventDefault();
                          }
                      });
                      var lastTouchEnd = 0;
                      document.addEventListener("touchend",function(event) {
                          var now = new Date().getTime();
                          if (now - lastTouchEnd <= 300) {
                              event.preventDefault();
                          }
                          lastTouchEnd = now;
                      },false);

                      // 禁用双指手势操作
                      document.addEventListener("gesturestart", function(event) {
                          event.preventDefault();
                      });

                  } catch (error) { }
              }
          }</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容