山海科技发展网

08月24日科技常识:HTML页面 用CSS实现禁止选中、复制和右键

导读 摘要 今天小编跟大家讲解下有关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()">

来源:爱蒂网