Javascript-dom总结(复制、粘贴相关)

最新推荐文章于 2024-06-01 18:37:55 发布

→→→→

最新推荐文章于 2024-06-01 18:37:55 发布

阅读量875

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript/JQuery

本文链接：https://blog.youkuaiyun.com/zou_yufei/article/details/9942413

JavaScript/JQuery 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种在用户复制网页内容后，自动将来源网址添加到复制内容末尾的方法，通过简单的 JavaScript 脚本实现，适用于各种需要标明内容出处的场景。

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

粘贴板对象：clipboardData

向粘贴板中放入要粘贴的对象：setData("Text", content)

取粘贴板中要粘贴的对象：getData("Text")

清空粘贴板中的内容：clearData("Text")

若想让禁止网页内容被复制：

<body oncopy="return false">

若想文本框禁止粘贴（密码框）：

<input type="text" onpaste="return false" />

应用：某帖子在复制后，要求粘贴到别的地方时后面自动添加帖子来源的页面链接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function addFrom() {
            //取出粘贴板的内容（ctrl+c的时候 帖子已经被复制到了粘贴板）
            var content = clipboardData.getData("Text");
            //加上出处
            content = "本文来自:" + location.href + content;
            //放回粘贴板
            clipboardData.setData("Text", content);
        }

    </script>
</head>
<!--复制事件    可是复制后立即执行取粘贴板操作  可能里面还是空  所以要延迟一会再取-->
<body oncopy="setTimeout('addFrom()', 100);">
    夜 夜得那么美丽<br />
    有人欢笑<br />
    有人却在哭泣<br />
    尘封的记忆<br />
    残留着邂逅的美丽<br />
    辗转反侧的我<br />
    失眠在夜里<br />
</body>
</html>