简单实现禁止复制与右键功能,一键设置,无需繁琐配置!

简单实现禁止复制与右键功能,一键设置,无需繁琐配置!

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2019-08-08 18:03:46
文章简介

禁止页面复制与右键功能,简洁实现:通过CSS禁用文本选择和JS禁用右键菜单,无需繁琐配置。保护网页内容,提升用户体验,简洁有效。轻松实现,助力网站安全运营。

  • 正文开始
  • 相关阅读
  • 推荐作品

群里小伙伴经常问墨鱼怎么禁止页面复制和右键,其实这个问题百度一下是很多资料的,我估计小伙伴都懒,所以这里统一回复下:

找到模板里面的</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>

关联内容: 页面 右键 样式 JS
苹果手机input样式优化,告别默认椭圆,美化界面新体验
« 上一篇 2019年07月08日
CSS background-size属性深度解析,cover与contain在背景图片填充div中的实践探索
下一篇 » 2019年10月11日

如本文对您有帮助,就请墨鱼抽根烟吧!