您的位置:首页 > Web前端 > JavaScript

js 禁止 ctrl 缩放

2014-03-03 20:25 369 查看
js 禁止 ctrl 缩放,IE10 和 FireFox27下测试通过,Chrome和Opera不可以

BUG:当焦点不再客户区时,就不能禁止缩放



<!DOCTYPE>
<html>
<head>
<title> Javascript屏蔽ctrl+鼠标滚轮</title>
<meta charset="utf-8">
<meta name="description" content="js 禁止 ctrl 缩放">
<script type="text/javascript">
var key =false;
function keydown(e){
e = e || window.event;
key = e.keyCode;
key =e.ctrlKey;
}

var scrollFunc=function(e)
{
e=e || window.event;
if(key)
{
if(document.addEventListener)
{
e.preventDefault();
}
else
{
window.event.returnValue = false;
}
return false;
}
}
/*注册事件*/
if(document.addEventListener)
{
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
window.onkeydown = document.onkeydown = keydown;
</script>
</head>

<body >
<p>js 禁止 ctrl 缩放,IE10 和 FireFox27下测试通过,Chrome和Opera不可以</p>
<p><b>BUG:当焦点不再客户区时,就不能禁止缩放</b></p>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息