主页 / 网络编程 /

JavaScript oncopy事件用法实例解析

网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了JavaScript oncopy事件用法实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

作用当用户拷贝添加了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）；

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。

上一篇：Node 模块原理与用法详解 下一篇：JavaScript 正则应用详解【模式、欲查、反向引用等

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by