javascript实现禁止复制网页内容
作者:bea
做个笔记 代码如下: // 禁用右键菜单、复制、选择 $(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
做个笔记
代码如下:
// 禁用右键菜单、复制、选择
$(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属性 */
}
代码很简单,实现的功能却很实用,不过要提示的是,在这个自由的互联网上其实做禁止复制不是件很值得推广的事,大家依情况实用吧。
有用 | 无用
代码如下:
// 禁用右键菜单、复制、选择
$(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属性 */
}
代码很简单,实现的功能却很实用,不过要提示的是,在这个自由的互联网上其实做禁止复制不是件很值得推广的事,大家依情况实用吧。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- node.js中的fs.readSync方法使用说明
- Javascript Object 对象学习笔记
- node.js中的fs.read方法使用说明
- node.js中的fs.mkdirSync方法使用说明
- node.js中的fs.mkdir方法使用说明
- 使用FlexiGrid实现Extjs表格效果方法分享
- jQuery+css实现百度百科的页面导航效果
- jQuery+PHP打造滑动开关效果
- javascript进行四舍五入方法汇总
- javascript 判断整数方法分享
- 使用jQuery不判断浏览器高度解决iframe自适应高度问题
- jquery队列函数用法实例
- JQuery仿小米手机抢购页面倒计时效果
- jQuery实现数字加减效果汇总
- javascript使用switch case实现动态改变超级链接文字及地址
- 浅谈Javascript变量作用域问题
- IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
- javascript arguments使用示例
- javascript实现日期格式转换