码迷,mamicode.com
首页 > 移动开发 > 详细

移动端禁止/取消长按进行复制粘贴的操作

时间:2021-04-19 15:15:56      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:页面   禁用   缩小   sele   tar   功能   默认   initial   ble   

项目中长按删除、长按添加关注等功能是很常见的。但是手机端长按默认是会在周边随便选中文字弹出自带的复制粘贴的操作,所以我们需要禁止掉移动端长按进行复制粘贴的操作。(可以防止内容被复制)

*{
	-webkit-touch-callout:none; /系统默认菜单被禁用/
	-webkit-user-select:none; /webkit浏览器/
	-moz-user-select:none;/火狐/
	-ms-user-select:none; /IE10/
	user-select:none;
}

此时在ios手机有问题,所有的输入框自动失去焦点无法输入内容,解决方法是加个以下样式:

input , textarea{
	-webkit-user-select:auto;
}

移动端页面禁止用户放大缩小

 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, maximum-scale=1.0">

移动端禁止/取消长按进行复制粘贴的操作

标签:页面   禁用   缩小   sele   tar   功能   默认   initial   ble   

原文地址:https://www.cnblogs.com/cdnotes/p/14669103.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!