手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript实现禁止复制网页内容
javascript实现禁止复制网页内容
摘要:做个笔记复制代码代码如下://禁用右键菜单、复制、选择$(document).bind("contextmenucopyselectstar...

做个笔记

复制代码 代码如下:

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

$(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图片放大镜

Javascript 不能释放内存.

javascript实现删除前弹出确认框

nodejs实现遍历文件夹并统计文件大小

javascript实现图片跟随鼠标移动效果的方法

JavaScript常用数组算法小结

JavaScript实现Iterator模式实例分析

使用JavaScript刷新网页的方法

JavaScript实现鼠标拖动效果的方法

精品推荐
分类导航