怎么知道页面被放大缩小了代码,JS代码库,德仔网

代码语言

代码分类

【JS】怎么知道页面被放大缩小了

作者:特务小强 / 发布于2012/7/9/ 830

有个投诉说页面变形了，一问才知道页面被用户不小心zoom了，这个情况最好是能对用户有个提示。写了个IE和firefox下检测zoom的demo

<div></div>
<div></div>
<div><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ></div>
<div><HTML ></div>
<div><BODY ></div>
<div><div id ="output" ></div ></div>
<div><SCRIPT LANGUAGE ="JavaScript" ></div>
<div>( function (){</div>
<div> window.onresize = testZoom;</div>
<div> var _screenOriginalWidth = window.screen.width</div>
<div> function testZoom(){</div>
<div> if (window.screen.width < _screenOriginalWidth){</div>
<div> document.getElementById("output").innerHTML = " Zoom In " ;</div>
<div> }
<div> if (window.screen.width > _screenOriginalWidth){</div>
<div> document.getElementById("output").innerHTML = " Zoom Out " ;</div>
<div> }
<div> _screenOriginalWidth = window.screen.width</div>
<div> }
<div>})()</div>
<div></SCRIPT></div>
<div></BODY></div>
<div></HTML></div>
<div>

</div>

试试其它关键字

　怎么知道页面被放大缩小了　

同语言下

可能有用的

特务小强贡献的其它代码(7)