当前位置: 首页 > 编程笔记 >

html5+CSS 实现禁止IOS长按复制粘贴功能

卫学真
2023-03-14
本文向大家介绍html5+CSS 实现禁止IOS长按复制粘贴功能,包括了html5+CSS 实现禁止IOS长按复制粘贴功能的使用技巧和注意事项,需要的朋友参考一下

因为在移动端APP需要实现长按执行别的事件,但是在iOS系统有默认的长按选择复制粘贴,禁止此功能在网上找了很多资料,最终整理出目前最好的解决方法。

项目是APP,已经经过多款手机适配此时,因此可以放心使用。

/*设置IOS页面长按不可复制粘贴,但是IOS上出现input、textarea不能输入,因此将使用-webkit-user-select:auto;*/
*{
  -webkit-touch-callout:none; /*系统默认菜单被禁用*/
  -webkit-user-select:none; /*webkit浏览器*/
  -khtml-user-select:none; /*早期浏览器*/
  -moz-user-select:none;/*火狐*/
  -ms-user-select:none; /*IE10*/
  user-select:none;
}
input,textarea {
  -webkit-user-select:auto; /*webkit浏览器*/
  margin: 0px;
  padding: 0px;
  outline: none;
}

以上所述是小编给大家介绍的html5+CSS 实现禁止IOS长按复制粘贴功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍JavaScript禁止复制与粘贴的实现代码,包括了JavaScript禁止复制与粘贴的实现代码的使用技巧和注意事项,需要的朋友参考一下 该操作是网民日常的一些基本操作,但有些网站为了保护版权(如小说类、图片类),禁止用户执行这些操作,这样就可以防止用户将正在浏览的文本,通过复制、粘贴的方式进行传播了。 oncopy事件: 定义和用法 oncopy 事件在用户拷贝元素上的内容时触发。

  • 本文向大家介绍用js实现一个复制粘贴的功能相关面试题,主要包含被问及用js实现一个复制粘贴的功能时的应答技巧和注意事项,需要的朋友参考一下 把 @wwqin 的内容实践了一下 注意测试时不要focus在控制台,不然不生效

  • 本文向大家介绍javascript实现复制与粘贴操作实例,包括了javascript实现复制与粘贴操作实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现复制与粘贴操作的方法。分享给大家供大家参考。 具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 问题内容: 我正在尝试2个替代方法: 忽略右键 忽略+ ,+ 这是我的代码: 这是我的HTML: 该功能有效,但不起作用。 问题答案: 你不能 您可以尝试阻止某些矢量(例如,使右键单击更加困难的黑客,拦截+ ,使其难以选择文本)……但是它们只能起到某种作用,并且不可能阻止所有矢量(编辑->复制) ?查看源代码??等…)。 如果您想保护内容免受技术含量较低的用户的侵害,则可以采用这些方法……但是,正

  • 本文向大家介绍H5怎么禁用长按复制的功能?相关面试题,主要包含被问及H5怎么禁用长按复制的功能?时的应答技巧和注意事项,需要的朋友参考一下 // 禁止长按图片保存,设置img样式 -webkit-touch-callout: none; pointer-events: none; // 微信浏览器无法禁止,需加上这句 // 禁止长按选择文字 -webkit-user-select: none; /

  • 问题内容: 我的.emacs中有(cua-mode t),因此Cc是复制的,而Cv是粘贴的,就像桌面上的其他大多数程序(Ubuntu,Gnome,Linux)一样。但是,Emacs似乎并未与其他程序共享剪贴板/复制缓冲区。 例如,如果我在Firefox中使用Cc,则可以将SCv粘贴到终端中,或者将Cv粘贴到gedit中。但是,如果我在emacs中使用Cv(或Cy),则无法获得从Firefox复制的