600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > html页面禁止右键 禁止复制 禁止图片拖动 禁止复制和剪切禁止IOS长按复制粘贴实现

html页面禁止右键 禁止复制 禁止图片拖动 禁止复制和剪切禁止IOS长按复制粘贴实现

时间:2022-03-29 16:39:49

相关推荐

html页面禁止右键 禁止复制 禁止图片拖动 禁止复制和剪切禁止IOS长按复制粘贴实现

html实现 页面禁止右键 禁止复制 禁止图片拖动 禁止复制和剪切

众所周知,一般的屏蔽的方法是用JS来编写的脚本,但是也可以直接通过修改网页属性的方法来屏蔽右键 禁止复制。

禁止右键oncontextmenu="return false"禁止复制和剪切:oncopy="return false;"oncut="return false;"禁止复制onselectstart="return false"禁止图片拖动ondragstart="return false"实例:<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">

通过这种方法可以同时禁止右键点击,鼠标复制,以及图片的拖动

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

因为在移动端APP需要实现长按执行别的事件,但是在IOS系统有默认的长按选择复制粘贴,禁止此功能在网上找了很多资料,最终整理出目前最好的解决方法。项目是APP,已经经过多款手机适配此时,因此可以放心使用。

*{-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;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。