登录

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

Html+Css
0 1970

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

  • 1.长按文本区域显示文字放大镜,选择指定区域的网页内容,包括文字和图片执行复制,粘贴等。
  • 2.长按链接对象呼出弹窗框,执行页面跳转或保存图片等

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

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

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

  1. window.ontouchstart=function(){
  2.     document.documentElement.style.webkitTouchCallout='none';
  3. };
拓展:

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

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

发表评论

0 个回复