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

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

赞 (0)

相关推荐

  • 利用js实现禁止复制文本信息

    做SEO的都知道,发原创文章对自己网站的优化是非常好的,特别是在搜文章标题的时候,原创的一般排名第一.但是优化是给搜索引擎看的.而在互联网有个很头痛的问题,一篇文章对搜索引擎来说到底谁是原创.这个是不一定的.举个简单例子:比如你在博客(当然假设你博客每日访问量很低,每天就几百人的情况下)上发表了一篇优质原创文章.但没过几小时或几天被人转载到了一个大型门户网站还不带你文章的原创连接的,比如 A5 这种网站.那么过段时间,你再搜文章的标题的时候,谁排第一这个就不好说了.本人可是有这种亲身体会的.为此

  • javascript 禁止复制网页

    1.使右键和复制失效 方法1: 在网页中加入以下代码: <script language="Javascript"> document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false"); </script> 方法2: 在<body&g

  • JavaScript代码轻松实现网页内容禁止复制(代码简单)

    以下代码非常简单,轻松实现网页内容禁止复制. 有时候我们需要禁止别人复制网站的内容,以下代码可以轻松实现该功能! 屏蔽鼠标右键 复制代码 代码如下: function document.oncontextmenu(){event.returnValue=false;} 禁止选择复制 复制代码 代码如下: function document.onselectstart(){return false;} 本文只是给大家分享了代码的关键部分,细节部分还需要我们自己根据需求去补充说明.

  • 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

  • 网站内容禁止复制和粘贴、另存为的js代码

    1.使右键和复制失效 方法1: 在网页中加入以下代码: 复制代码 代码如下: <script language="Javascript"> document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false"); </script> 方法2:

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

  • javascript禁止访客复制网页内容的实现代码

    本文实例讲述了javascript禁止访客复制网页内容的方法.分享给大家供大家参考.具体如下: 使用JavaScript禁止用户复制网页上的内容,让鼠标选择功能失效,你可以试一下,加入了onselectstart="return false"后,在网页上不能选中文字,浏览者也就无法复制网页内容了. 其实这种方法并不能完全禁止复制,用户可通过网页另存为或更换浏览器来实现复制功能. 实现代码: <html> <head> <title>禁止用户复制网页内

  • JavaScript禁止复制与粘贴的实现代码

    JavaScript禁止复制与粘贴的实现代码

    该操作是网民日常的一些基本操作,但有些网站为了保护版权(如小说类.图片类),禁止用户执行这些操作,这样就可以防止用户将正在浏览的文本,通过复制.粘贴的方式进行传播了. oncopy事件: 定义和用法 oncopy 事件在用户拷贝元素上的内容时触发. 提示: oncopy 事件在用户拷贝元素时也会触发,例如, 拷贝 <img> 元素. 提示: oncopy 事件通常用于 type="text" 的 <input> 元素. 提示: 有三种方式可以拷贝元素和内容: 按

  • 复制网页内容，粘贴之后自动加上网址的实现方法(脚本之家特别整理)

    没想到无心的一个功能,现在已经被大家传的如此猛烈,想当初我们发布出去以后,第二天就发现很多网站都加上了这个功能,有点后悔了,要不我们的外链就会更多了.当然也有反感的,工具是好的就看用的人了. 今天搜索发现还是有很多朋友喜欢这个功能的,这里我们小编继续为大家来个特色整理的版本,大家可以根据需要选择使用. 打开有些网站,当我们浏览某些文章的时候,觉得很好,因此,常常将这些网站的文章进行复制: 之后,粘贴到Word或记事本里面,保存起来,在贯彻落实"拿来主义"的同时,将其"占为己有

  • JavaScript 如何禁止用户保存图片

    场景 在业务需求中不希望用户保存图片,因为是一些供内部使用的图片. 思路 添加事件禁止选择.拖拽.右键(简单的禁止用户保存图片,但无法阻止用户打开控制台查看,或是直接抓包) 将之转换为 canvas(让浏览器认为不是图片以此禁止用户对之进行图片的操作,但无法阻止抓包) 禁止用户使用控制台查看源码(阻止浏览器打开控制台,但无法阻止抓包) 传输图片使用自定义格式(可以阻止抓包,但需要后台配合) 注:以下内容使用 react+ts 实现 添加事件禁止选择.拖拽.右键 简而言之,这是一种简单有效的方式,

  • JavaScript 赋值,浅复制和深复制的区别

    JavaScript 赋值,浅复制和深复制的区别

    目录 1.变量赋值 1.1 原始值和引用值 1.2 赋值 二.浅复制(Shallow Copy) 2.1 原生 JavaScript 中的浅复制 Object.assign() 2.2 浅复制的手动实现 三.深复制(Deep Copy) 2.1 原生 JavaScript 中的深复制 JSON.parse(JSON.stringify(object)) 2.2 深复制的手动实现 小结 前言: 浅复制和深复制可以说是面试中很常见的一道题了,本文就来聊一聊JavaScript中的浅复制和深复制. 1

随机推荐