TypechoJoeTheme

徐伟轩 - 一个爱音乐的有趣程序员|不仅只关注网站设计开发

统计
文章目录

实现网站内禁止右键和复制的代码

徐伟轩博主
2020-10-21
/
0 评论
/
68 阅读
/
180 个字
/
百度已收录
10/21

有时候客户或者网站开发人员出于版权保护,会需要实现在网站内禁止访客进行右击和复制的操作,这样的功能实现起来其实比较简单,今天徐伟轩博客就为大家简单介绍一下。

方法1

一段JS代码就能禁止网页鼠标右键和复制

<style type="text/css">
body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<script langauge="javascript">
document.oncontextmenu=function(e){return false;}
</script>

当然,这个方法是测试了IE和谷歌浏览器,其他的没测试。

方法2

更简单的方法就是在<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()"

禁止网页内容复制和粘贴:在<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()">
网页代码
朗读
赞(0)
赞赏
感谢您的支持,我会继续努力哒!
版权属于:

徐伟轩 - 一个爱音乐的有趣程序员|不仅只关注网站设计开发

本文链接:

https://www.letus.top/archives/62.html(转载时请注明本文出处及文章链接)

如需商业转载或刊登,请联系原作者获得授权。

署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)

评论 (0)

广告位

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

标签云