专栏首页前端资源HTML页面 用CSS实现禁止选中、复制和右键

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

最近在写页面的时候,需要在左上角加一个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 */
}

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

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

(adsbygoogle = window.adsbygoogle || []).push({});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • WebStorm 设置Sublime默认字体Consolas

    WebStorm:点击菜单栏 File(文件) -> Settings(设置) -> 然后选择 Editor(编辑器) -> Colors&Fonts(颜色和字...

    德顺
  • jQuery text() html() val()设置内容和attr()设置属性的用法

    下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容:

    德顺
  • Discuz! X3.4提示Table './.../k_spider' is marked的解决办法

    (145) Table './.../k_spider' is marked as crashed and should be repaired

    德顺
  • JS禁止鼠标右键、禁止全选、复制、粘贴的方法(所谓的防盗功能)

    简述:一个防君子不防小人的鸡肋的功能,针对小白还行。 代码如下: <script> //都能支持 document.oncontextmenu = f...

    纯粹是糖
  • Golang语言 与 C 语言 的比较学习

    对于MarkDown 编译器没有自动保存功能这件事情, 我表示严重的厌恶。 一个来小时的整理化为乌有,而且居然还不能导入到HTML编辑器, 真是无法忍受! 关键...

    李海彬
  • 注册型网站设计的阶段总结

    这是我自己想的方法,不知道大众化的方法是怎样实现的,其实分色就是利用bgcolor这个属性给表格上色

    ZONGLYN
  • LeetCode:111_Minimum Depth of Binary Tree | 二叉树的最小深度 | Easy

    要求:此题正好和Maximum Depth of Binary Tree一题是相反的,即寻找二叉树的最小的深度值:从根节点到最近的叶子节点的距离。 结题思路:和...

    猿大白
  • LeetCode 222. Count Complete Tree Nodes(二分+位运算)

    题解:DFS 或者BFS都太low,我们可以用O(log(n)^2)的效率解决,n为节点个数,log(n)就是树的高度。

    ShenduCC
  • 面试前准备:二叉树高频面试题和答案

    面试中最常考的说法题主要是:数组、链表、二叉树、Map,深刻的理解上面二叉树算法题的解法思路,在面试中的二叉树题目就应该没有什么问题,祝大家面试顺利。

    五分钟学算法
  • 首个重复字符

    题目描述 对于一个字符串,请设计一个高效算法,找到第一次重复出现的字符。 给定一个字符串(不一定全为字母)A及它的长度n。请返回第一个重复出现的字符。保...

    AI那点小事

扫码关注云+社区

领取腾讯云代金券