您现在的位置是:首页 > 前端开发

详解Html页面中内容禁止选择、复制、右键的实现方法

博主:紫藤心-迷途    日期:2020-01-31 浏览次数:332次

有的时候,我们不希望自己网页中所呈现的内容不被别有用心盗取,就需要在网页中加上一个禁止复制的功能,而一般的浏览器在禁止复制后还可以用复制为纯文本,并不能完全杜绝此问题,此时就需要我们在页面中完全禁止右键和复制。

找到模板里面的</head>,在上面加如下代码就行了

<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>

PS.由于前期整理文章没有进行格式化信息处理,导致有些包含代码修改的信息,格式混乱看不清楚。如果发现有此类问题,请随时联系我们,紫藤会第一时间进行格式化整理!感谢配合


文章关键词: 禁止右键 禁止复制
分享到: / / / /
  • 点击此处扫一扫二维码,直接手机访问此页