javascript实现禁止复制网页内容汇总

 更新时间:2015年12月30日 08:54:42   投稿:hebedich  
本文给大家汇总介绍了几种使用javascript和CSS实现禁止复制页面内容的方法,非常的实用,有需要的小伙伴可以参考下。

方法一:

// 禁用右键菜单、复制、选择
$(document).bind("contextmenu copy selectstart", function() {
  return false;
});

方法二:

// 禁用Ctrl+C和Ctrl+V(所有浏览器均支持)
$(document).keydown(function(e) {
  if(e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) {
    return false;
  }
});

方法三:

// 设置CSS禁止选择(如果写了下面的CSS则不需要这一段代码,新版浏览器支持)
$(function() {
  $("body").css({
    "-moz-user-select":"none",
    "-webkit-user-select":"none",
    "-ms-user-select":"none",
    "-khtml-user-select":"none",
    "-o-user-select":"none",
    "user-select":"none"
  });
});

方法四:防止禁用JavaScript后失效,可以写在CSS中(新版浏览器支持,并逐渐成为标准):

body {
  -moz-user-select:none; /* Firefox私有属性 */
  -webkit-user-select:none; /* WebKit内核私有属性 */
  -ms-user-select:none; /* IE私有属性(IE10及以后) */
  -khtml-user-select:none; /* KHTML内核私有属性 */
  -o-user-select:none; /* Opera私有属性 */
  user-select:none; /* CSS3属性 */
}

相关文章

  • javascript显示系统当前时间代码

    javascript显示系统当前时间代码

    这篇文章主要为大家详细介绍了javascript如何显示系统当前时间代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 微信小程序自定义组件与页面的相互传参

    微信小程序自定义组件与页面的相互传参

    这篇文章主要为大家介绍了微信小程序自定义组件与页面的相互传参过程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步早日升职加薪
    2022-04-04
  • js消除图片小游戏代码

    js消除图片小游戏代码

    这篇文章主要介绍了js消除图片小游戏代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • javascript观察者模式实现自动刷新效果

    javascript观察者模式实现自动刷新效果

    这篇文章主要为大家详细介绍了javascript观察者模式实现自动刷新效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • 这应该是最详细的响应式系统讲解了

    这应该是最详细的响应式系统讲解了

    这篇文章主要介绍了这应该是最详细的响应式系统讲解了,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • laydate 显示结束时间不小于开始时间的实例

    laydate 显示结束时间不小于开始时间的实例

    下面小编就为大家带来一篇laydate 显示结束时间不小于开始时间的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • js计时事件实现圆形时钟

    js计时事件实现圆形时钟

    这篇文章主要为大家详细介绍了js计时事件实现圆形时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • 拖动一个HTML元素

    拖动一个HTML元素

    拖动一个HTML元素...
    2006-12-12
  • js实现转动骰子模型

    js实现转动骰子模型

    这篇文章主要为大家详细介绍了js实现转动骰子模型,自动随机生成骰子数的模型,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • javascript的动态加载、缓存、更新以及复用(一)

    javascript的动态加载、缓存、更新以及复用(一)

    在做OA、MIS、ERP等信息管理类的项目,经常会遇到引用很多js文件,这就需要用到动态加载、缓存、更新以及复用等技术,下面我们来讨论下
    2014-06-06

最新评论