阻止微信浏览器/QQ浏览器弹框“在浏览器打开”
来源:互联网 发布:社交软件推荐算法 编辑:程序博客网 时间:2024/05/16 08:58
阻止微信浏览器/QQ浏览器弹框“在浏览器打开”
相信许多移动端工程师对下面这张图中出现的东西记忆深刻:
微信浏览器和QQ浏览器有个自带的特殊功能,就是长按会出现上图所示的弹框。有时候前端页面中有长按事件时,总是会触发这个弹框而影响我们自己开发的功能。那么该如何屏蔽这个弹框呢?
很简单,这个弹框实际上等同于PC环境下的鼠标右键的弹框,因此只要禁止页面的弹框事件就能完美屏蔽该弹框对我们功能带来的影响。程序代码如下:
document.oncontextmenu=function(e){ //或者return false; e.preventDefault();};
仅仅上面这段简短的代码就可以把这个难受的弹框给屏蔽掉(oncontextmenu事件中执行return false;或者e.preventDefault的效果是完全等同的)。
也许右键弹框在PC端很重要,但是对于移动端而言,这个弹框显然可有可无,因此在需要时,放心的使用上面的代码把它屏蔽掉就行。
注意不要使用下面这种代码形式(或者类似的方法)来阻止这个弹框:
//错误方法document.addEventListener('touchstart', function(ev){ ev.preventDefault();},false);
上面这段代码会阻止页面滚动事件、a标签默认跳转事件等不该屏蔽的事件。
0 0
- 阻止微信浏览器/QQ浏览器弹框“在浏览器打开”
- JS判断页面是否在微信浏览器、QQ浏览器等打开的方法
- JS判断页面是否在微信浏览器、QQ浏览器等打开的方法
- JS判断页面是否在微信浏览器、QQ浏览器等打开的方法
- JS判断页面是否在微信浏览器、QQ浏览器等打开的方法
- 微信浏览器引导浏览器打开
- 微信浏览器阻止页面拖动
- 微信打开网址添加在浏览器中打开提示
- 微信打开网址添加在浏览器中打开提示
- 微信开发js限制页面只能在微信浏览器打开 禁止外置浏览器
- 微信开发js限制页面只能在微信浏览器打开 禁止外置浏览器
- js判断是否在微信浏览器中打开
- js判断是否在微信浏览器中打开
- js判断是否在微信浏览器中打开
- 判断网页是否在微信浏览器中打开
- js判断是否在微信浏览器中打开
- js判断是否在微信浏览器中打开
- js检测页面是否在微信浏览器打开
- C# 预处理指令详讲
- 虚函数表和虚函数表指针
- appium: adb server is out of date.killing
- 【OpenGL】native层OpenGL实现
- C#中 DataSet、DataTable、DataRow、DataColumn区别及使用实例
- 阻止微信浏览器/QQ浏览器弹框“在浏览器打开”
- npm install 总是报错,“npm ERR! tar.unpack……”
- RocketMQ的启动
- 电能质量分析仪上位机软件安装和使用
- 《C编程习惯》读书笔记(1-6章)
- Jenkins和Sonar集成
- windows下python 安装mysqldb模块
- 安卓序列化的坑
- express 4.x, Socket.IO 1.x 共享session