javascript检测页面是否缩放的小例子

更新时间：2013年05月16日 10:46:35 作者：

简单写了下，只测试了chrome，道理很简单，其他浏览器自行扩充。

/*
 * zoomCheck
 */
jQuery(function($){
  var dCheck = $("#zoomCheck");
  if(dCheck.size() != 0){
    return;
  }
  dCheck = $("<span></span>").attr('id',"zoomCheck").css({
    position :'fixed',
    left : '5px'
  }).hide().appendTo('body');
  var time;
  time = setInterval(function(){
    dCheck.show();
    var left = dCheck.position().left;
    dCheck.hide();
    if(left != 5){
      clearInterval(time);
      alert('你的页面处于缩放状态，页面显示会有问题，请设置为正常状态。windows:ctrl+0   mac:command+0');
    }
  },2000);
});

您可能感兴趣的文章:

页面缩放

JavaScript实现的文本框placeholder提示文字功能示例
这篇文章主要介绍了JavaScript实现的文本框placeholder提示文字功能,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
2018-07-07
在web中js实现类似excel的表格控件
这篇文章主要介绍了如何在web中实现类似excel的表格控件,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
微信小程序签到功能
这篇文章主要为大家详细介绍了微信小程序签到功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-10-10
一起来学习TypeScript的类型
这篇文章主要为大家详细介绍了TypeScript的类型，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-02-02
javascript实现表格排序编辑拖拽缩放
这篇文章主要介绍了javascript实现表格排序编辑拖拽缩放的方法，效果非常不错，只是兼容性还有些问题，有待优化。
2015-01-01
JavaScript 语句之常用 for 循环详解
这篇文章主要介绍了JavaScript 语句之常用 for 循环，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2021-03-03
javascript解析json格式的数据方法详解
这篇文章主要介绍了javascript解析json格式的数据方法详解，文章通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08
javascript之函数进阶详解
这篇文章主要为大家介绍了javascript函数进阶，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助<BR>
2021-12-12
对采用动态原型方式无法展示继承机制得思考
今天看书，作者讨论到能否采用动态原型方法展示继承机制，给出的答案是：不能。原因是prototype对象的唯一性。看下面代码（这段代码不正确，却值得研究）
2009-12-12
yii form 表单提交之前JS在提交按钮的验证方法
很多时候，需要对Yii表单model中的对象设置的rules进行判断，但是有的时候可能需要在提交之前就在客户端进行验证。怎么处理呢？接下来通过本文给大家分享yii form 表单提交之前JS在提交按钮的验证方法，需要的的朋友参考下
2017-03-03