javascript实现禁止复制网页内容


Posted in Javascript onDecember 16, 2014

做个笔记

// 禁用右键菜单、复制、选择

$(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 相关文章推荐
jquery实现弹出层完美居中效果
Mar 03 Javascript
file控件选择上传文件确定后触发的js事件是哪个
Mar 17 Javascript
JavaScript插件化开发教程 (二)
Jan 27 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
Mar 24 Javascript
javascript模拟php函数in_array
Apr 27 Javascript
jQuery实现的背景动态变化导航菜单效果
Aug 24 Javascript
Javascript 制作图形验证码实例详解
Dec 22 Javascript
微信小程序 网络请求(post请求,get请求)
Jan 17 Javascript
Bootstrap Multiselect 常用组件实现代码
Jul 09 Javascript
深入理解基于vue-cli的vuex配置
Jul 24 Javascript
微信小程序实现简单input正则表达式验证功能示例
Nov 30 Javascript
详解如何实现一个简单的Node.js脚手架
Dec 04 Javascript
node.js中的fs.rmdirSync方法使用说明
Dec 16 #Javascript
node.js中的fs.rmdir方法使用说明
Dec 16 #Javascript
使用Chrome调试JavaScript的断点设置和调试技巧
Dec 16 #Javascript
node.js中的fs.fchownSync方法使用说明
Dec 16 #Javascript
node.js中的fs.fchown方法使用说明
Dec 16 #Javascript
node.js中的fs.chownSync方法使用说明
Dec 16 #Javascript
node.js中的fs.chown方法使用说明
Dec 16 #Javascript
You might like
DOTA2 6.87版本后新眼位详解攻略
2020/04/20 DOTA
解析mysql left( right ) join使用on与where筛选的差异
2013/06/18 PHP
php取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
JS 自动完成 AutoComplete(Ajax 查询)
2009/07/07 Javascript
基于jquery实现的表格分页实现代码
2011/06/21 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
2014/03/08 Javascript
javascript 处理null及null值示例
2014/06/09 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
2015/01/28 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
2017/03/23 jQuery
jQuery获取table表中的td标签(实例讲解)
2017/07/28 jQuery
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
vue实现导航栏效果(选中状态刷新不消失)
2017/12/13 Javascript
js+html5实现手机九宫格密码解锁功能
2018/07/30 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
详解Vue前端生产环境发布配置实战篇
2019/05/07 Javascript
你不可不知的Vue.js列表渲染详解
2019/10/01 Javascript
JavaScript Tab菜单实现过程解析
2020/05/13 Javascript
详解JavaScript中的Object.is()与"==="运算符总结
2020/06/17 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
JS数组reduce()方法原理及使用技巧解析
2020/07/14 Javascript
Python信息抽取之乱码解决办法
2017/06/29 Python
解决Python requests库编码 socks5代理的问题
2018/05/07 Python
python实现发送form-data数据的方法详解
2019/09/27 Python
python打开文件的方式有哪些
2020/06/29 Python
Keras 在fit_generator训练方式中加入图像random_crop操作
2020/07/03 Python
Python实现上下文管理器的方法
2020/08/07 Python
中国海淘族值得信赖的海淘返利网站:55海淘
2017/01/16 全球购物
加拿大时尚床上用品零售商:QE Home | Quilts Etc
2018/01/22 全球购物
eBay澳大利亚站:eBay.com.au
2018/02/02 全球购物
前台文员岗位职责及工作流程
2013/11/19 职场文书
幼儿教师研修感言
2014/02/12 职场文书
过程装备与控制工程专业求职信
2014/07/02 职场文书
领导干部个人整改措施落实情况汇报
2014/10/29 职场文书
管理失职检讨书
2015/05/05 职场文书
JavaScript使用canvas绘制坐标和线
2021/04/28 Javascript