如何取消移动端的长按事件

 Html/Css   高蒙   阅读(1380)   评论(1)   2017-12-15 13:38:50    app 长按 


在app中嵌套h5界面,当用户长按的时候,会触发app端系统默认的交互行为。比如:

  • 1.长按文本区域显示文字放大镜,选择指定区域的网页内容,包括文字和图片,执行复制,粘贴等。

  • 2.长按链接对象呼出弹窗框,执行页面跳转或保存图片等

这样的效果很影响美观,有时间用户感觉体验很差。

那么怎么解决禁止长按事件呢?

其实很简单那,只要在移动端页面只要加段js即可。

window.ontouchstart=function(){
    document.documentElement.style.webkitTouchCallout='none';
};

拓展:

在ios端使用UIWebView组件的情况下,也可以加上一下代码:

- (void)webViewDidFinishLoad:(UIWebView*)theWebView
{
[self.webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitUserSelect='none';"];
[self.webView stringByEvaluatingJavaScriptFromString:@"document.documentElement.style.webkitTouchCallout='none';"];     
}



相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客