js 禁止 ctrl 缩放

最新推荐文章于 2024-04-23 10:40:05 发布

lauleoi

最新推荐文章于 2024-04-23 10:40:05 发布

阅读量1k

点赞数

分类专栏： JavaScript 文章标签： Javascript屏蔽ctrl+鼠标滚 js 禁止 ctrl 缩放

本文链接：https://blog.csdn.net/lauleoi/article/details/20395737

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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>