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属性 */
}

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

相关文章

  • 开启Javascript中apply、call、bind的用法之旅模式

    开启Javascript中apply、call、bind的用法之旅模式

    在Javascript中,Function是一种对象。Function对象中的this指向决定于函数被调用的方式,使用apply,call 与 bind 均可以改变函数对象中this的指向。
    2015-10-10
  • 浅谈Javascript事件处理程序的几种方式

    浅谈Javascript事件处理程序的几种方式

    事件就是用户或浏览器自身执行的某种动作。比如说click,mouseover,都是事件的名字。而相应某个事件的函数就叫事件处理程序(或事件侦听器)。为事件指定处理程序的方式有好几种
    2012-06-06
  • 详解JavaScript中new操作符的解析和实现

    详解JavaScript中new操作符的解析和实现

    这篇文章主要介绍了JavaScript中new操作符的解析和实现,帮助大家更好的理解和学习JavaScript,感兴趣的朋友可以了解下
    2020-09-09
  • echarts读取JSON文件并画图完整代码

    echarts读取JSON文件并画图完整代码

    Echarts官网上提供了很多图表例子供我们白嫖,有时候遇到数据量比较大时,它会向后台请求json文件来加载图表数据,这篇文章主要给大家介绍了echarts读取JSON文件并画图的相关资料,需要的朋友可以参考下
    2023-06-06
  • Javascript中的相等与不等运算

    Javascript中的相等与不等运算

    在 javascript 中,可以使用 == 来比较两个数据是否相等,如果两个数据的类型不同,那么,将在进行转换后进行比较
    2010-04-04
  • JS修改css样式style浅谈

    JS修改css样式style浅谈

    分为改变直接样式,改变className和改变cssText三种,需要的朋友可以参考下
    2013-05-05
  • 解决function函数内的循环变量

    解决function函数内的循环变量

    鼠标放到指定的行上自动弹出当前的个数,从0开始,这个功能方便我们在tab切换中定位
    2008-10-10
  • JS生成随机数的多种方法汇总(不同范围、类型的随机数)

    JS生成随机数的多种方法汇总(不同范围、类型的随机数)

    js产生随机数通常是使用javascript的Math.random()函数,下面这篇文章主要给大家介绍了关于JS生成随机数的多种方法(不同范围、类型的随机数)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • JS写滑稽笑脸运动效果

    JS写滑稽笑脸运动效果

    这篇文章主要介绍了JS写滑稽笑脸运动效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • JavaScript操作class和style样式代码详解

    JavaScript操作class和style样式代码详解

    这篇文章主要介绍了JavaScript操作class和style样式的相关资料,需要的朋友可以参考下
    2016-02-02

最新评论