原文:HTML5:在移动端禁用长按选中文本功能

很多时候,我们在写的手机页面需要用户进行长按然后响应一个事件.但是在微信中用户的长按操作被默认为谈出来一个复制的选项.那么这个时候如何去禁止这个东西呢 其实很简单,方法看下面: 只需要在你需要禁止的页面的CSS表里面添加上这一段代码就可以了: webkit touch callout:none moz touch callout:none ms touch callout:none touch c ...

2017-07-07 09:51 0 1448 推荐指数:

查看详情

HTML5[5]:在移动禁用长按选中文本功能

在手机浏览器中,长按选中文本,但如果在应用中,会给人一种异样的感觉,最好还是禁用功能为上。 * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select ...

Tue Feb 03 15:21:00 CST 2015 3 26501
html5移动长按事件填坑历程

背景: 在h5页面,实现长按弹出上拉菜单,我们知道h5没有所谓的长按事件,有些UI组件库封装了长按事件,比如zepto的longtap 在pc有鼠标事件(mousedown,mousemove,mouseup),在h5有touch触摸事件(touchstart,touchmove ...

Sat Jan 16 01:12:00 CST 2021 0 952
移动html5页面长按实现高亮全选文本内容的兼容解决方式

近期须要给html5的WebAPP在页面上实现一个复制功能:用户点击长按文本会全选文字并弹出系统“复制”菜单。用户能够点击“复制”进行复制操作。然后粘贴到AppStore搜索相应的应用。之所以不是採用链接形式直接跳转到AppStore相应应用是为了通过用户的主动输入关键词搜索给推广的企业 ...

Sun May 07 23:38:00 CST 2017 0 1477
css禁止选中文本_兼容实现禁用选择功能

有时候,我们需要使页面内容不可选择。首先想到的是一个css属性:user-select。user-select有两个值: none:用户不能选择文本 text:用户可以选择文本 禁用选择代码实现 html: <p>你可以选择我。</p> ...

Sat Jul 18 07:27:00 CST 2020 0 929
ios html5 长按复制文本

以前做的项目,主要是针对ios的,安卓上面也没有测试。 原理其实是系统自带的功能,那时候借鉴的其他网站,没有试验通过document.execCommand("Copy"),别的js方式。 现在手上也没有设备了,这边只是提供html实现的方式。 1.跟网上的博客介绍的一样的,要满足 ...

Fri Aug 19 22:01:00 CST 2016 1 5282
移动长按文字复制功能

移动项目的时候产品提了一个长按文字复制的功能,第一反应是这个不是Webview自带的功能吗? 打开APP自己试了下,发现果然无法长按复制,后来发现是因为公共CSS文件中设置了 user-select:none ,之所以设置该属性是因为html中可能有些地方不想让用户复制文字,或是用a标签做了 ...

Fri May 11 19:42:00 CST 2018 0 11071
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM