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);
});

相关文章

  • setInterval 不准的原因及问题解决方案

    setInterval 不准的原因及问题解决方案

    setInterval 是 JavaScript 中用于定时执行任务的常用方法,本文主要介绍了setInterval 不准的原因及问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2025-02-02
  • Javascript 链式作用域详细介绍

    Javascript 链式作用域详细介绍

    这篇文章主要介绍了Javascript 链式作用域详细介绍的相关资料,需要的朋友可以参考下
    2017-02-02
  • JS实现导出Excel的五种方法详解【附源码下载】

    JS实现导出Excel的五种方法详解【附源码下载】

    这篇文章主要介绍了JS实现导出Excel的五种方法,结合实例形式较为详细的分析了基于table表格导出Excel文件的相关操作技巧,并附源码供读者下载参考,需要的朋友可以参考下
    2018-03-03
  • electron实现qq快捷登录的方法示例

    electron实现qq快捷登录的方法示例

    这篇文章主要介绍了electron实现qq快捷登录的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • 利用10行js代码实现上下滚动公告效果

    利用10行js代码实现上下滚动公告效果

    这篇文章主要给大家介绍了关于利用10行js代码实现滚动公告效果的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起看看吧。
    2017-12-12
  • 基于JavaScript实现活动倒计时效果

    基于JavaScript实现活动倒计时效果

    这篇文章主要为大家详细介绍了基于JavaScript实现活动倒计时效果,距离活动时间还剩多少,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】

    JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】

    这篇文章主要介绍了JavaScript数据结构与算法之检索算法,结合实例形式分析了二分查找法、计算重复次数相关算法原理与使用技巧,需要的朋友可以参考下
    2019-02-02
  • JavaScript 异步调用框架 (Part 3 - 代码实现)

    JavaScript 异步调用框架 (Part 3 - 代码实现)

    在上一篇文章里,我们说到了要实现一个Async.Operation类,通过addCallback方法传递回调函数,并且通过yield方法返回回调结果。现在我们就来实现这个类吧。
    2009-08-08
  • javascript单张多张图无缝滚动实例代码

    javascript单张多张图无缝滚动实例代码

    在本篇文章里小编给大家分享的是关于javascript单张多张图无缝滚动实例代码和实例,需要的朋友们可以参考下。
    2020-05-05
  • JS实现继承的几种常用方式示例

    JS实现继承的几种常用方式示例

    这篇文章主要介绍了JS实现继承的几种常用方式,结合实例形式分析了JavaScript继承的四种常见实现方式,包括原型链继承、构造继承、组合继承及寄生组合继承,需要的朋友可以参考下
    2019-06-06

最新评论