网页中动态监听copy事件，用户copy自动复制指定数据，

最新推荐文章于 2026-06-22 18:33:40 发布

转载最新推荐文章于 2026-06-22 18:33:40 发布 · 3.6k 阅读

标签

#js

收录于

本文介绍了一种使用JavaScript自定义实现网页上的复制事件的方法，通过重写默认的复制行为，可以实现在复制时插入特定的文本，如'hello, world'。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            window.onload = function(){
                document.addEventListener("copy", copy);
                    function copy(e){
                        //做兼容
                        e = window.event ||e;
                        //阻止默认事件行为（复制文本）
                    e.preventDefault();
                    //指定添加数据
                    e.clipboardData.setData("text", "hello，world");
                    }
                    }
        </script>
    </body>
</html>