日期:2014-05-16  浏览次数:20584 次

关于页面的扩大和缩小的问题.
页面在IE6.0的情况下一切正常,但是用IE7.0之后,如果用ctr+鼠标滑轮,页面会根据鼠标滑轮扩大或者缩小.(IE6.0,页面不会有变化)
  求解决方案.

------解决方案--------------------
document.onmousewheel=function(){
return false;
}
------解决方案--------------------
需要优化下不然滚轮事件就失效了
JScript code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
document.onmousewheel=function(){
    if(event.ctrlKey)
          return false;
    else
          return true;    
}
</script>
</head>
<body>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>            
</body>
</html>

------解决方案--------------------
继续优化让他兼容火狐
JScript code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">

function handleMScroll(e){
    e=e||window.event;
    if(e.ctrlKey){
          return document.all?false:e.preventDefault();
    }else{
          return true;
    }      
}

if(document.all)
     document.attachEvent("onmousewheel",handleMScroll);
else    
     document.addEventListener("DOMMouseScroll",handleMScroll,false);

</script>
</head>
<body>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>
    1<br/>
    2<br/>
    3<br/>
    4<br/>
    5<br/>
    6<br/>            
</body>
</html>

------解决方案--------------------
通过ctrl++,ctrl+-缩放页面先于document.onkeydown执行,没有办法在ie7下屏蔽,但在ff下可以
JScript code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function handleMScroll(e){
    var evt=e||window.event;
    if(evt.c