关于页面的扩大和缩小的有关问题

2012-03-20

关于页面的扩大和缩小的问题.页面在IE6.0的情况下一切正常,但是用IE7.0之后,如果用ctr+鼠标滑轮,页面会根

关于页面的扩大和缩小的问题.
页面在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.ctrlKey){          return document.all?false:evt.preventDefault();    }else{          return true;    }      }function handleDocKeyDown(e){    var evt=e||window.event;    var srcEl=evt.target||evt.srcElement;    var nKeyCode=evt.which||evt.keyCode;  var fbCodes="|107|109|187|189|";       if(evt.ctrlKey&&fbCodes.indexOf("|"+nKeyCode+"|")!=-1){        return document.all?false:e.preventDefault();    }else{        return true;    }    }if(document.all){     document.attachEvent("onmousewheel",handleMScroll);     document.attachEvent("onkeydown",handleDocKeyDown);}else{     document.addEventListener("DOMMouseScroll",handleMScroll,false);     document.addEventListener("keydown",handleDocKeyDown,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> 
 
[解决办法]
ff就是火狐浏览器啊
[解决办法]
用绝对定位不行吗？？
是不是网页做的时候用的是百分比呀定位的宽度和高度呀!
[解决办法]
可以实现吗，

要是直接到浏览器菜单里面设置呢？
[解决办法]
 能不能这样子：当按下 ctrl+“+”和 ctrl+“-”的时候，让窗口的大小不变？也就是赋一个定值？

热点排行

Bad Request.

JavaScript

关于页面的扩大和缩小的有关问题