`
cn_arthurs
  • 浏览: 327570 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

禁止页面放大缩小

 
阅读更多
<html>
<head>
<title>测试</title>
<script language="javascript">
 var scrollFunc=function(e){ 
  e=e || window.event; 
  if(e.wheelDelta && event.ctrlKey){//IE/Opera/Chrome 
   event.returnValue=false;
  }else if(e.detail){//Firefox 
   event.returnValue=false; 
  } 
 }  
 
 /*注册事件*/ 
 if(document.addEventListener){ 
 document.addEventListener('DOMMouseScroll',scrollFunc,false); 
 }//W3C 
 window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari 
  
</script>
</head>

<body style="font-size:30px;">
 <br>SCRIPT脚本控制页面不随ctrl+鼠标滚轮而缩放。<br>
 <br>CSS可以控制页面文字大小不随浏览器设置而改变。
</body>
</html>

 

参考地址:http://bbs.csdn.net/topics/370180672

测试在IE10中可以达到预期效果,但是在chrome26版本中,无法控制放大缩小。

这也难怪,多浏览支持本来就是一项很艰巨的任务。

分享到:
评论

相关推荐

    禁止微信页面放大与缩小

    在微信页面开发中遇到,不同用户微信字体放大或者缩小的问题。 此代码可以使用户字体无论放大还是缩小的状态下都会保持不变。

    C# webbrowse 放大缩小页面

    本篇文章将详细讲解如何在C#的WebBrowser控件中实现页面的放大与缩小功能,同时避免使用Zoom属性,因为Zoom属性可能会导致图片缩放时出现失真或变形的问题。 首先,我们要理解WebBrowser控件的工作原理。它是基于...

    vue h5移动端禁止缩放代码

    `viewport`元标签的作用是控制页面的尺寸和缩放级别,这样就可以禁止用户缩放页面。具体做法是在`&lt;meta&gt;`标签中设置`user-scalable=no`,表示不允许用户缩放,同时设置`maximum-scale=1.0`和`initial-scale=1.0`保证...

    防Discuz点击图片放大、可拖动、随鼠标滚动放大缩小

    3. **随鼠标滚动放大缩小**:实现这一功能需要监听浏览器的`scroll`事件。当页面滚动时,计算出图片相对于视口的位置以及鼠标的滚动方向,根据这些信息动态调整图片的大小。这可能涉及到复杂的坐标计算和视口尺寸的...

    真正模仿Discuz点击图片放大、拖动、随鼠标滚动放大缩小

    真正模仿Discuz点击图片放大、拖动、随鼠标滚动放大缩小,实现之后,我想,能不能在文章展示页面直接用jquery循环文章所在id里的img ,然后设置id、class、onclick,可是我试了,点击图片没有反应,不知道为啥。...

    PhotoView-支持缩小放大,手势操作的ImageView

    这个库专门为Android设计,提供了对ImageView的手势操作支持,包括图片的缩小、放大以及平移功能。 "PhotoView"库的核心功能是扩展了Android的ImageView,使得它可以识别并处理用户的触摸手势,从而实现图片的交互...

    Electron 全屏打包 禁止缩放 拖拽

    这将限制页面的缩放级别为 1.0,不允许用户进一步放大或缩小。 3. **禁止拖拽**: 如果你想阻止窗口被拖动,可以通过设置 `frame` 选项为 `false` 来去除窗口边框,从而禁止拖拽。但这样会失去默认的窗口控制按钮...

    在Vue项目中,防止页面被缩放和放大示例

    在Vue项目中防止页面被缩放和放大,主要是通过修改`&lt;meta name="viewport"&gt;`标签的`content`属性,加入`maximum-scale`、`minimum-scale`属性并将其值设置为1.0,同时保持`user-scalable=0`,以达到禁止用户缩放和...

    移动端手指放大缩小插件与js

    移动端手指放大缩小功能是指利用触摸屏的多点触控技术实现用户通过手势控制屏幕上内容的缩放级别。该功能在移动设备上尤为重要,因为它可以提高用户在浏览网页或使用应用程序时的体验。为了实现这一点,开发者经常...

    jQuery实现的图片点击放大缩小功能案例

    首先利用dom的垂直分层实现图片的点击放大和缩小(手机上使用的效果较好),在图片放大的时候同时禁止页面的滑动,如果在web端的话可以不禁止屏幕的滚动(因为图片放大是将图片的宽度变成100%,在web上长度可能会...

    JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法

    本文实例讲述了JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法。分享给大家供大家参考,具体如下: 为什么会有人会使用ctrl+鼠标滚轮缩放网页?坚决禁止! &lt;html&gt; &lt;head&gt; &lt;title&gt;测试&lt;/title...

    IOS 禁止缩放页面的实现方法

    IOS 禁止缩放页面的实现方法 在ios10前我们能通过设置meta来禁止用户缩放页面: &lt;meta content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0; name=viewport /&gt; 在ios10系统...

    JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动

    JS网页图片查看器是一种基于JavaScript开发的网页应用程序,它能够实现用户对图片的放大、缩小、移动等操作。这种查看器在网页设计中常用于图片展示功能,比如图片网站、在线画廊、地图网站等场景,以便于用户查看...

    Pinchzoom.js插件实现手指触摸图片放大缩小特效代码

    Pinchzoom.js是一款适用于移动设备的JavaScript插件,主要用于实现图片的触摸缩放功能,它使得用户可以通过手势,如双指捏合或张开,轻松地在网页上放大和缩小图片。这款插件的设计目标是提供一个流畅且直观的用户...

    javascript网页特效实例大全(8-12)

    实例216 图片放大缩小 337 实例217 通过鼠标滚轮放大缩小图片 338 8.2 图片与鼠标相关操作 339 实例218 跟随鼠标移动的图片 340 实例219 可以左右拖动的图片 340 实例220 随意拖动图片 342 实例221 当...

    JavaScript网页特效范例宝典源码

    实例217 通过鼠标滚轮放大缩小图片 338 8.2 图片与鼠标相关操作 339 实例218 跟随鼠标移动的图片 340 实例219 可以左右拖动的图片 340 实例220 随意拖动图片 342 实例221 当鼠标经过图片时显示图片 344 实例222 改变...

    网页分析专用工具~!

    “放大“、“缩小”和“高亮度显示文字”功能方便您在 演示的时候更好的标示重点,等等。 WebPage Spy还将常用的IE配置功能通过菜单的方式提供,您只要点击一下就可以达到目的, 再也不用总是进入“工具/...

Global site tag (gtag.js) - Google Analytics