导读 摘要 今天小编跟大家讲解下有关HTML页面 用CSS实现禁止选中、复制和右键 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关H...
摘要 今天小编跟大家讲解下有关HTML页面 用CSS实现禁止选中、复制和右键 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关HTML页 今天小编跟大家讲解下有关HTML页面 用CSS实现禁止选中、复制和右键 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关HTML页面 用CSS实现禁止选中、复制和右键 的相关资料,希望小伙伴们看了有所帮助。
最近在写页面的时候 需要在左上角加一个logo 但是复制的时候会把这张图片一块选中。
那么我们可以通过css给它设置禁止选中 代码如下:
.icon{-webkit-touch-callout:none;/*iOSSafari*/-webkit-user-select:none;/*Chrome/Safari/Opera*/-khtml-user-select:none;/*Konqueror*/-moz-user-select:none;/*Firefox*/-ms-user-select:none;/*InternetExplorer/Edge*/user-select:none;/*Non-prefixedversion,currentlynotsupportedbyanybrowser*/}添加禁止代码后 该图片就不能被选中了。
html页面内容禁止选择、复制、右键
刚才在一个站点的源代码的的时候发现的 其实原来真的很简单
<bodyleftmargin=0topmargin=0oncontextmenu='returnfalse'ondragstart='returnfalse'onselectstart='returnfalse'onselect='document.selection.empty()'oncopy='document.selection.empty()'onbeforecopy='returnfalse'onmouseup='document.selection.empty()'>关键就在
oncontextmenu='returnfalse'ondragstart='returnfalse'onselectstart='returnfalse'onselect='document.selection.empty()'oncopy='document.selection.empty()'onbeforecopy='returnfalse'onmouseup='document.selection.empty()'一个更简单的方法就是在<body>中加入如下的代码,这样鼠标的左右键都失效了。
topmargin="0"oncontextmenu="returnfalse"ondragstart="returnfalse"onselectstart="returnfalse"onselect="document.selection.empty()"oncopy="document.selection.empty()"onbeforecopy="returnfalse"onmouseup="document.selection.empty()"1、禁止网页另存为:在<body>后面加入以下代码:
<noscript><iframesrc="http://www.aidi.net.cn/article/detial/8291/*.htm"></iframe></noscript>2、禁止网页内容复制.粘贴:在<body>中加入以下代码:
<bodyonmousemove=/HideMenu()/oncontextmenu="returnfalse"ondragstart="returnfalse"onselectstart="returnfalse"onselect="document.selection.empty()"oncopy="document.selection.empty()"onbeforecopy="returnfalse"onmouseup="document.selection.empty()">来源:爱蒂网
版权声明:本文由用户上传,如有侵权请联系删除!