JavaScript中的oncopy对象

最新推荐文章于 2022-06-20 14:49:17 发布

grt要一直一直努力呀

最新推荐文章于 2022-06-20 14:49:17 发布

阅读量373

点赞数

分类专栏： JS基础文章标签： js javascript 前端

本文链接：https://blog.csdn.net/qq_44870115/article/details/119272818

版权

JS基础专栏收录该内容

25 篇文章 0 订阅

订阅专栏

oncopy对象

用于复制元素上的内容时触发。可以使用快捷键ctrl+C、右键的复制。当复制图片时，可能无法应用在某些浏览器中。
oncopy对象

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function myFunction() {
            console.log('你复制了该内容');
        }
    </script>
</head>

<body>
    <h2>这是个标题1</h2>
    <p oncopy='myFunction()'>这里的内容不可以粘贴</p>
    <h4>这是个标题2</h4>
</body>

</html>

在这里插入图片描述

onpaste事件

在用户向元素内粘贴文本时触发。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function myFunction() {
            console.log('你粘贴了文本');
        }
    </script>
</head>

<body>
    <input type="text" value="在此处输入内容" onpaste='myFunction()'>
</body>

</html>

oncut事件

在用户剪切元素的内容时触发。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function myFunction() {
            console.log('你尝试剪切该文本');
        }
    </script>
</head>

<body>
    <input type="text" value="在此处输入内容" oncut='myFunction()'>
</body>

</html>

grt要一直一直努力呀

关注

0
点赞
踩
0

收藏

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

oncopy对象用于复制元素上的内容时触发。可以使用快捷键ctrl+C、右键的复制。当复制图片时，可能无法应用在某些浏览器中。oncopy对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor
复制链接

扫一扫

专栏目录