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

225 阅读 0 评论 149 点赞

我是靠谱客的博主结实刺猬，这篇文章主要介绍javascript检测页面是否缩放的小例子，现在分享给大家，希望可以做个参考。

复制代码代码如下:

复制代码

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