最近在写页面的时候，需要在左上角加一个logo，但是复制的时候会把这张图片一块选中。
.icon {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently not supported by any browser */
}添加禁止代码后，该图片就不能被选中了。
HTML页面内容禁止选择、复制、右键
刚才在一个站点的源代码的的时候发现的，其实原来真的很简单
<body leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforecopy='return false' onmouseup='document.selection.empty()'>关键就在
oncontextmenu='return false'
ondragstart='return false'
onselectstart ='return false'
onselect='document.selection.empty()'
oncopy='document.selection.empty()'
onbeforecopy='return false'
onmouseup='document.selection.empty()'一个更简单的方法就是在<body>中加入如下的代码,这样鼠标的左右键都失效了。
topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()"1、禁止网页另存为：在<body>后面加入以下代码：
<noscript>
<iframe src="*.htm"></iframe>
</noscript>2、禁止网页内容复制．粘贴：在<body>中加入以下代码：
<body onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">原生Js实现复制(Copy)的方法总结，execCommand和clipboardData的使用
原生Js实现复制(Copy)的两种方法，一种是利用 clipboardData，另外一种则是用 execCommand()，今天将统一讲解一下关于他们的使用方法。
网页不让用户复制方法总汇,设置html禁止选择，保护源码，js禁止复制文字
这篇文章主要讲解：右键复制失效方法、菜单-文件－另存为-失效方法、防止查看源代码进行复制的方法、防止页面缓存的方法。来达到一定的代码保护效果
Js使用Object.assign()对象的复制、合并、封装等操作
Js使用Object.assign()对象的复制:Object.assign()只对顶层属性做了赋值，Object.assign()合并/封装等操作:具有相同属性的其他对象覆盖；null、undefined会被忽略；字符串会被封装成单字符的可枚举属性数组
程序员_代码神注释鉴赏大全（可复制粘贴）
程序员个性注释,让你的代码飞起来。一时兴起就收集了以下神注释，希望能为广大ITer带来快乐，以下是收集了以下神注释,希望能为广大程序员们带来快乐,缓解你们工作中的压力
Vue中结合clipboard实现复制功能
首先现在Vue中引入clipboard,在需要使用的组件中import 引入clipboard.不论是单按钮复制还是多按钮复制，一定要在页面加载DOM完成后先New出来具有复制功能的按钮，如果在函数内再New那么可能会出现点击复制按钮两次，才复制成功的现象
最全的js对象克隆和数组克隆方法
工作中我们需要用到对象或者数组的复制功能，提交的form表单，需要进行处理，例如将表单中的数组变成,连接的字符串，这个时候我们直接对原表单直接处理是不妥当的
原生js实现复制内容到剪切板，兼容pc、移动端（支持Safari浏览器）
在开发中经常会遇到这样的需求，第一种就是点击复制当前页面的链接，第二种就是类似卡券的功能，需要复制密码等等。纯js实现复制文本并提示复制成功(干货)适用所有浏览器
原生JS在网页上复制的所有文字后面自动加上一段版权声明
不少技术博客有这样的处理，当我们复制代码的时候，会自动加上一段本信息版权为XXXX，这是怎么实现的呢？其实实现的方式很简单，可以在我的网站页面上绑定一个 copy 事件，当你复制文章内容的时候
如何设置网页无法复制？
javascript设置网页无法复制的方法：在JavaScript代码中设置禁用右键菜单、复制、选择等操作，禁用Ctrl+c和Ctrl+v快捷键的使用，通过这种方法就可以实现网页无法复制。
css如何设置不可复制？
css可以使用user-select属性来设置不可复制，此属性可以设置或检索是否允许用户选中文本，将此属性的属性值设置为none可以使文本不可选中。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!