原文:移动端长按文字复制功能

做移动端项目的时候产品提了一个长按文字复制的功能,第一反应是这个不是Webview自带的功能吗 打开APP自己试了下,发现果然无法长按复制,后来发现是因为公共CSS文件中设置了user select:none,之所以设置该属性是因为html中可能有些地方不想让用户复制文字,或是用a标签做了个点击按钮,点快的时候文字会被选中,很丑,这个时候可以使用下面的方案禁止文字选中。比如常见的鼠标点快了文字会被 ...

2018-05-11 11:42 0 11071 推荐指数:

查看详情

移动 ios 长按复制兼容方案

移动页面,需要复制一段文字码。 在ios中,长按文字区域,默认选中的范围,超出了我长按文字区域, 把上面的图片和下面的另一个div的文字也给我包含进来了,并不是我想要的! 举个例子: 如下图:   1.我长按的区域是红色方框内的区域,想要复制框里的文字内容 ...

Sat May 23 00:44:00 CST 2015 3 5448
移动触摸复制功能

公司项目之前一个需求,需要用户一进页面触摸手机后就自动帮他复制一个串码。。wtf? 还有这种操作?好吧,需求出来了,那就想实现吧。。。 用户进来触摸手机 会产生touchstart, touchmove, touchend三个事件,我们肯定不能直接写这三个事件去复制,这样会影响它的默认事件 ...

Wed Jan 09 22:13:00 CST 2019 2 641
移动禁止页面复制文字

有时候操作H5页面需要长按某个按钮的时候,会出现浏览器系统自带的复制功能很烦,怎么解决呢,只需要加入以下样式。  但是在输入框input select 不能输入文子,所以还需要加入一些允许他们输入的样式         ...

Wed Dec 05 22:23:00 CST 2018 0 1262
HTML5:在移动禁用长按选中文本功能

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

Fri Jul 07 17:51:00 CST 2017 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
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM