禁止拖动屏幕

最新推荐文章于 2022-12-26 17:22:37 发布
最新推荐文章于 2022-12-26 17:22:37 发布
阅读量218 收藏
点赞数
原文链接：http://www.cnblogs.com/cly84920/archive/2012/03/23/4426538.html
版权

在ios上默认是可以用手指拖动屏幕的，而如果有些web app对拖动屏幕非常敏感，需要禁止拖动屏幕的话，可以试试对touch事件进行一下处理。

 

但需要注意的是，不知道什么原因，如果对touchstart事件进行preventDefault()的话，会让所有的DOM事件监听全部失效，效果如同将事件冒泡机制设置为捕获，然后禁止捕获一样。所以不能对touchstart事件进行preventDefault()，而是对touchmove事件进行preventDefault()。这样即可以禁止拖动屏幕，又可以不对DOM事件产生干扰。

 

 

转载于:https://www.cnblogs.com/cly84920/archive/2012/03/23/4426538.html

weixin_30763455
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
小程序开发之视频开发 适配、禁止拖动进度
03-29
但是各种机型不同的屏幕就需要进行适配,小程序也提供了一个方法用来获取手机的信息的方法,其中也包含了宽和高 videoWidth 和videoHeight 就是根据比例适配出来的宽和高 直接使用代码就OK //获取屏幕宽高 wx....
jQuery实现360°全景拖动展示
10-24
当页面加载完成后，jQuery的`$(function(){...})`匿名函数执行，设置了一些防止浏览器默认行为的事件处理器，如禁止选中、右键菜单和拖放，确保用户只能通过拖动来浏览全景。 接着，定义了一个`Preload`函数来预...
移动端屏幕禁止滑动
weixin_30843605的博客
01-29 534
最近做移动端，弹出框加遮罩层后禁止滑动//实现滚动条无法滚动var mo=function(e){e.preventDefault();};/***禁止滑动***/function stop(){ document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo...
框架集布局禁止拖动
风泊月
11-28 916
<frameset rows="20%,*" noresize="noresize"> <frame src="http://www.baidu.com"> <frameset cols="20%,*"> <frame src="left.html">
手机页面禁止页面拖动
小小程序员的专栏
05-12 3383
document.ontouchmove  = function(e){ e.preventDefault() ; }
vuedraggable互相拖动： 禁止拖动元素，和禁止拖动到的区域，以及禁止拖动整体。
weixin_459417989的博客
12-26 1万+
vuedraggable互相拖动禁止拖动、区域、位置、元素
解决ios或安卓手机微信上下拖动页面出现穿透（橡皮筋现象）
11-17
当用户尝试在页面上进行上下拖动时，如果遇到元素穿透问题，部分内容可能会在手指离开屏幕后仍然可见，或者在滚动过程中出现不正常的行为，这严重影响了应用的正常使用。 在iOS中，解决这个问题通常需要对...
VC禁止窗口移动，不可移动的窗体
03-17
摘要:VC/C++源码,界面编程,窗体移动　禁止窗口移动，VC++实现一个不可移动的窗体制作实例，点击窗体的标题栏，按住鼠标，也不能拖动该窗体，它一动不动，好像从不理你，而且也去掉了窗口右上角的最大化和最小化按钮...
mfc 实现子窗口拖动
08-13
// 禁止更新区域，防止拖动时的频繁重绘 } void CMySubWnd::OnLButtonUp(UINT nFlags, CPoint point) { // ... ValidateRect(NULL); // 恢复更新区域 } ``` 通过以上步骤，我们便实现了在MFC中子窗口跟随鼠标...
微信中禁止页面上下滑动 ios android通用 亲测可行
青竹少年
04-17 9904
document.body.addEventListener('touchmove', function (e) {  e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)}, {passive: false}); //passive 参数不能省略，用来兼容ios和android...
Web_禁止移动端页面拖拽(拖动)
weixin_42137574的博客
08-08 3626
在页面head里加上: <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover" /> <meta name="apple-mobile-web-app-capable" co...
css手机页面禁止触屏下拉
weixin_45062076的博客
08-26 753
body里面加个样式 touch-action: none;
移动端禁止拉动页面
Eling
08-30 1万+
document.body.addEventListener('touchmove', function (e) { e.preventDefault(); }, {passive: false});  
禁止ionic 整体上下拖动
strong90的博客
11-27 1177
参考文档：https://www.jianshu.com/p/867415052a0a &lt;preference name="webviewbounce" value="false" /&gt; &lt;preference name="UIWebViewBounce" value="false" /&gt; &lt;preference name="DisallowOv
禁止拖动进度条
小鱼
07-23 4310
腾讯视频播放SDK为例（腾讯视频的引入看一下前边的博客） 大屏、小屏的TCPointSeekBar设置enable为false即可
HTML：禁止鼠标拖动、禁止内容复制等
热门推荐
OrangeJuiceMe
03-20 1万+
html禁止鼠标事件 oncontextmenu="return false;" //禁止鼠标右键，如拖动图片、连接等 ondragstart="return false;" //禁止鼠标拖动 onselectstart="return false;"//文字禁止鼠标选中 onselect="document.selection.empty();"//禁止复制文本，仅对文本框中的文本有效<input type="text">, <textarea> oncopy="return false;"//禁止复制
css文本域禁止横向拖动
xuanlv_haoshao的博客
01-17 4229
1、textarea文本域是可以横向，纵向拖动的 但是有时候需要约束，禁止横向拖动；只要追加样式： textarea{  resize:vertical;  } 即可实现禁止横向拖动； 同样，当resize的属性为none时，则禁止拖动
android 禁用分屏
最新发布
05-24
这将禁止用户将应用程序拖动到设备屏幕上的另一侧进行分屏。如果你希望在应用程序运行时禁用分屏功能，可以使用以下代码： ```java if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) { mActivity....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值