当前位置 博文首页 > 文章内容
最大化 缩小

    HTML页面 用CSS实现禁止选中、复制和右键

    作者： 栏目：未分类 时间：2020-09-26 16:00:18

    本站于2023年9月4日。收到“大连君*****咨询有限公司”通知
    说我们IIS7站长博客，有一篇博文用了他们的图片。
    要求我们给他们一张图片6000元。要不然法院告我们

    为避免不必要的麻烦，IIS7站长博客，全站内容图片下架、并积极应诉
    博文内容全部不再显示，请需要相关资讯的站长朋友到必应搜索。谢谢！

    另祝：版权碰瓷诈骗团伙，早日弃暗投明。

    相关新闻：借版权之名、行诈骗之实，周某因犯诈骗罪被判处有期徒刑十一年六个月

    叹！百花齐放的时代,渐行渐远!


    最近在写页面的时候，需要在左上角加一个logo，但是复制的时候会把这张图片一块选中。

    那么我们可以通过css给它设置禁止选中，代码如下：

    .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 */
}

    添加禁止代码后，该图片就不能被选中了。

    豌豆资源搜索网站https://55wd.com 广州vi设计公司http://www.maiqicn.com

    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()">