javascript实现禁止复制网页内容

 更新时间:2014年12月16日 10:36:07   投稿:hebedich  
这篇文章主要介绍了javascript实现禁止复制网页内容,需要的朋友可以参考下

做个笔记

复制代码 代码如下:

// 禁用右键菜单、复制、选择
$(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属性 */
}

代码很简单,实现的功能却很实用,不过要提示的是,在这个自由的互联网上其实做禁止复制不是件很值得推广的事,大家依情况实用吧。

相关文章

  • 在小程序Canvas中使用measureText的方法示例

    在小程序Canvas中使用measureText的方法示例

    有时候我们在使用Canvas绘制一段文本时,会需要通过measureText()方法获取文本的宽度,本文主要介绍了在小程序Canvas中使用measureText的方法示例,需要的朋友可以参考下
    2018-10-10
  • JavaScript设计模式经典之命令模式

    JavaScript设计模式经典之命令模式

    命令模式(Command)的定义是:用来对方法调用进行参数化处理和传送,经过这样处理过的方法调用可以在任何需要的时候执行。接下来通过本文给大家介绍JavaScript设计模式经典之命令模式,需要的朋友参考下
    2016-02-02
  • Knockout结合Bootstrap创建动态UI实现产品列表管理

    Knockout结合Bootstrap创建动态UI实现产品列表管理

    这篇文章主要为大家详细介绍了Knockout结合Bootstrap创建动态UI实现产品列表管理,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • JS键盘版计算器的制作方法

    JS键盘版计算器的制作方法

    这篇文章主要为大家详细介绍了JS键盘版计算器的制作方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JS ES6展开运算符的几个妙用

    JS ES6展开运算符的几个妙用

    这篇文章主要介绍了JS ES6展开运算符的几个妙用,想了解ES6的同学,可以参考下
    2021-04-04
  • JavaScript SHA512加密算法详细代码

    JavaScript SHA512加密算法详细代码

    这篇文章主要为大家详细介绍了JavaScript SHA512加密算法代码,具有一定的参考价值,感兴趣的朋友可以参考一下
    2016-10-10
  • JS实现超简单的鼠标拖动效果

    JS实现超简单的鼠标拖动效果

    这篇文章主要介绍了JS实现超简单的鼠标拖动效果,涉及JavaScript响应鼠标事件动态操作页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Javascript实现仿QQ随机数验证

    Javascript实现仿QQ随机数验证

    这篇文章主要为大家详细介绍了Javascript实现仿QQ随机数验证,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • 详解TypeScript中枚举的使用

    详解TypeScript中枚举的使用

    枚举是 TypeScript 中一个非常有趣且实用的特性,它可以让我们更好地组织和管理代码,下面就来和大家聊聊TypeScript中枚举的具体使用吧
    2023-06-06
  • 文字溢出实现溢出的部分再放入一个新生成的div中具体代码

    文字溢出实现溢出的部分再放入一个新生成的div中具体代码

    说文字溢出,如何实现溢出的文字放入一个新生成的div中,原理就是判断是否能在div里放下,如果不能,则在应该断开的地方,差入到新的div中
    2013-05-05

最新评论