禁止页面放大缩小

<html>
<head>
<title>测试</title>
<script language="javascript">
 var scrollFunc=function(e){ 
  e=e || window.event; 
  if(e.wheelDelta && event.ctrlKey){//IE/Opera/Chrome 
   event.returnValue=false;
  }else if(e.detail){//Firefox 
   event.returnValue=false; 
  } 
 }  
 
 /*注册事件*/ 
 if(document.addEventListener){ 
 document.addEventListener('DOMMouseScroll',scrollFunc,false); 
 }//W3C 
 window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari 
  
</script>
</head>

<body style="font-size:30px;">
 <br>SCRIPT脚本控制页面不随ctrl+鼠标滚轮而缩放。<br>
 <br>CSS可以控制页面文字大小不随浏览器设置而改变。
</body>
</html>

 

参考地址:http://bbs.csdn.net/topics/370180672

测试在IE10中可以达到预期效果,但是在chrome26版本中,无法控制放大缩小。

这也难怪,多浏览支持本来就是一项很艰巨的任务。

你可能感兴趣的:(页面)