禁止、允许手机浏览器拖动

/**
 * 禁止手机浏览器拖动
 */
function stopDefault(){
     window.ontouchmove = function(e){
         e.preventDefault && e.preventDefault();
         e.returnValue = false;
         e.stopPropagation && e.stopPropagation();
         return false;
     }
     document.body.style.height = ‘100%‘;
     document.body.style.overflow = ‘hidden‘;
}

/*
 * 允许手机浏览器拖动
 */
function startDefault(){
     window.ontouchmove = function(e){
         e.preventDefault && e.preventDefault();
         e.returnValue = true;
         e.stopPropagation && e.stopPropagation();
         return true;
     }
     document.body.style.height = ‘auto‘;
     document.body.style.overflow = ‘auto‘;
}
时间: 2024-10-10 05:22:28

禁止、允许手机浏览器拖动的相关文章

H5移动端浏览器拖动

/** * 禁止手机浏览器拖动 */ function stopDefault(){ window.ontouchmove = function(e){ e.preventDefault && e.preventDefault(); e.returnValue = false; e.stopPropagation && e.stopPropagation(); return false; } document.body.style.height = '100%'; docu

微信jsApI及微信分享对应在手机浏览器的调用总结。

摘录自别人的博客: 第一篇:微信内置浏览器的JsAPI(WeixinJSBridge续) 之前有写过几篇关于微信内置浏览器(WebView)中特有的Javascript API(Javascript Interface)的文章,不过随着微信官方的调整,部分API已经不能直接使用,比如类似直接分享到朋友圈 WeixinJSBridge.invoke('shareTimeline',data,callback) 这样的功能,直接调用,会得到一个访问拒绝的response.后来重新调研了下,整理出来了

【jQuery】论手机浏览器中拖拽动作的艰难性

本来标题是<论手机浏览器中拖拽动作的不可能性>的,但是想了想还是改成艰难性,避免过于绝对 本想在手机网页中实现一个如iphone可以随意拖动的控制按钮的,但是最后发现竹篮打水一场空, 虽然拖拽动作在手机浏览器中司空见惯,但是在手机浏览器中,要想实现可以被拖拽的组件,却是一件不可能的事情. 先来看看在PC网页中,拖拽动作是怎么做的, 首先,我们有一个按钮,点击有动作,一直按着不放,可以随意拖动,就像iphone可以随意拖动的控制按钮一样, 如上图的灰色图层,写出来也不甚容易, 首先,要把灰色图层

手机浏览器自动播放视频video(设置autoplay无效)的解决方案

1.问题的提出 某一天接了个需求,需要在手机的H5页面内加入视频,我开开心心做完,准备交付的时候,问题来了,PM想要用户一进入页面,视频就开始播放,不需要用户手动点击. 2.尝试解决 加autoplay "视频自动播放"这个需求是ok的,那我就在video标签上加个autoplay属性嘛,在PC端浏览器里面试了一下,运行流畅,没有遇到什么问题,但是放在手机浏览器里面打开,就跟没设置autoplay是一样的. 监听canplay 那不行的话,我在页面加载完成的时候,监听video的can

把cookie以json形式返回,用js来set cookie.(解决手机浏览器未知情况下获取不到cookie)

1.继上一篇随笔,链接点我,解决手机端cookie的问题. 2.上次用cookie+redis实现了session,并且手机浏览器可能回传cookies有问题,所以最后用js取出cookie跟在请求的url后面. 3.但是今天发现了新的问题,js取cookie存的sessionId为空,情况如下: (1)QQ浏览器能获取某些cookie,另一些cookie获取为空,猜测是后台Response SetCookie的时候,手机端浏览器没能良好的接受. (2)UC浏览器测试正常. (3)Safari情

十分简洁的手机浏览器 lydiabox

没有地址栏,没有工具栏:web app无需下载,无需安装,无需更新,添加即用:再也不用记住网址,更不用输入网址--一款这样极简极方便的浏览器,你想要吗? 我们做了一个十分简洁的手机浏览器,这个浏览器也是@IDG校园创业大赛 的获奖作品,让web app像native app那样运行,并且支持PhoneGap API,both iOS and Android.体验地址:http://t.cn/RhuFdwx phonegap api支持演示:http://v.youku.com/v_show/id

在PC上测试移动端网站和模拟手机浏览器的5大方

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

FireFox调试手机浏览器

https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android IN THIS ARTICLE Prerequisites ADB setup On the Android device On the desktop Enable remote debugging Firefox for Android 24 and earlier Firefox for Android 25 and lat

手机浏览器调试建议

使用电脑远程调试安卓手机上浏览器的JS (2014-01-14 22:44:04) 转载▼     有时候要开发在手机浏览器上运行的网页,这样就涉及到要调试JS,在电脑上怎么模拟,跟使用真机还是有区别,这里介绍几种用电脑远程调试JS的方法. 1.使用google浏览器,因为安卓本来就是谷歌的,因此它本身对此有支持,开发了相关的插件 1)首先,电脑上要有谷歌浏览器(Chrome),最好是最新版的(Chrome 31以上): 2)安装了安卓的SDK: 3)手机上也安装谷歌浏览器(Chrome for