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实现的文本框placeholder提示文字功能,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2018-07-07
  • 在web中js实现类似excel的表格控件

    在web中js实现类似excel的表格控件

    这篇文章主要介绍了如何在web中实现类似excel的表格控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • 微信小程序签到功能

    微信小程序签到功能

    这篇文章主要为大家详细介绍了微信小程序签到功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • 一起来学习TypeScript的类型

    一起来学习TypeScript的类型

    这篇文章主要为大家详细介绍了TypeScript的类型,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-02-02
  • javascript实现表格排序 编辑 拖拽 缩放

    javascript实现表格排序 编辑 拖拽 缩放

    这篇文章主要介绍了javascript实现表格排序 编辑 拖拽 缩放的方法,效果非常不错,只是兼容性还有些问题,有待优化。
    2015-01-01
  • JavaScript 语句之常用 for 循环详解

    JavaScript 语句之常用 for 循环详解

    这篇文章主要介绍了JavaScript 语句之常用 for 循环,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-03-03
  • javascript解析json格式的数据方法详解

    javascript解析json格式的数据方法详解

    这篇文章主要介绍了javascript解析json格式的数据方法详解,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • javascript之函数进阶详解

    javascript之函数进阶详解

    这篇文章主要为大家介绍了javascript函数进阶,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助<BR>
    2021-12-12
  • 对采用动态原型方式无法展示继承机制得思考

    对采用动态原型方式无法展示继承机制得思考

    今天看书,作者讨论到能否采用动态原型方法展示继承机制,给出的答案是:不能。原因是prototype对象的唯一性。看下面代码(这段代码不正确,却值得研究)
    2009-12-12
  • yii form 表单提交之前JS在提交按钮的验证方法

    yii form 表单提交之前JS在提交按钮的验证方法

    很多时候,需要对Yii表单model中的对象设置的rules进行判断,但是有的时候可能需要在提交之前就在客户端进行验证。怎么处理呢?接下来通过本文给大家分享yii form 表单提交之前JS在提交按钮的验证方法,需要的的朋友参考下
    2017-03-03

最新评论