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

最新推荐文章于 2024-02-22 21:47:32 发布

Vanqqqq

最新推荐文章于 2024-02-22 21:47:32 发布

阅读量1.5k

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一、禁止复制

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

οncοpy="return false;"

1、禁止复制网页内容

<body oncopy="return false;">

2、禁止复制元素内容

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

二、禁止粘贴

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

οnpaste="return false;"

禁止将内容粘贴到元素中

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

三、复制粘贴来源信息

需要使用到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>