Javascript禁止网页复制粘贴效果,或者复制时自动添加来源信息

本文介绍了如何通过简单的HTML属性禁止网页内容的复制与粘贴,同时提供了在复制时自动添加版权信息的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、禁止复制

使用方法:在oncopy事件中return false

oncopy="return false;"

1、禁止复制网页内容

<body oncopy="return false;">

2、禁止复制元素内容

<input type="text" name="username" oncopy="return false;" />

二、禁止粘贴

使用方法:在onpaste事件中return false

onpaste="return false;"

禁止将内容粘贴到元素中

<input type="password" name="pwd" onpaste="return false;" />

三、复制粘贴来源信息

为了防止拷贝党在转载时不注明来源信息,所以需要在其复制时,自动在复制的内容后添加版权声明(默认延迟:100毫秒)

需要使用到clipboardData对象:

getData("Text")方法:获得剪贴板的文本信息

setData("Text",val)方法:设置剪贴板的文本信息

setTimeout(code,delay)方法:超时执行指定的code代码 

<html>
<head>
<title>Paste Source Information</title>
<script type="text/javascript">
function copysource(){
var source = clipboardData.getData("Text");
source
= source + "本文来自博客园,转载请注明来源:" + window.location.href;
clipboardData.setData(
"Text", source);
}
</script>
</head>
<body oncopy="window.setTimeout('copysource()',100);">
</body>
</html>

 

转载于:https://www.cnblogs.com/MicoJay/archive/2011/09/12/2174127.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值