JavaScript中的oncopy事件

最新推荐文章于 2022-04-13 13:34:43 发布

TomHe789

最新推荐文章于 2022-04-13 13:34:43 发布

阅读量975

点赞数 1

分类专栏： JavaScript 文章标签： javascript

转载请说明文章详细出处

本文链接：https://blog.csdn.net/weixin_44120487/article/details/106026695

版权

JavaScript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

作用：当用户拷贝添加了oncopy事件的元素时触发
使用方式：直接在HTML标签中添加该事件，通过JavaScript为指定元素添加该事件
提示：如果想要禁止复制某个元素的内容，可以在该事件的函数中添加return: false;，禁止浏览器的默认行为

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>oncopy事件</title>
    <script>
        window.onload = function () {
            let text = document.getElementsByTagName("p");
            // 通过JavaScript为指定元素添加该事件
            text[0].oncopy = function () {
                alert("文本1被复制了");
            };
        };
    </script>
</head>
<body>

<p>我是文本1</p>
<!--直接在HTML标签中添加该事件-->
<p oncopy="return false">我是文本2</p>


</body>
</html>

运行效果：当文本1被复制时，弹出”文本1被复制了“的对话框；复制文本2无效（禁止复制文本2）；

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

TomHe789

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的oncopy事件

作用：当用户拷贝添加了oncopy事件的元素时触发使用方式：直接在HTML标签中添加该事件，通过JavaScript为指定元素添加该事件提示：如果想要禁止复制某个元素的内容，可以在该事件的函数中添加return: false;，禁止浏览器的默认行为例如：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>oncopy事件&..
复制链接

扫一扫