javascript如何禁止拷贝

这篇文章主要介绍“javascript如何禁止拷贝”，在日常操作中，相信很多人在javascript如何禁止拷贝问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”javascript如何禁止拷贝”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站设计、成都做网站、古田网络推广、小程序开发、古田网络营销、古田企业策划、古田品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供古田建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

在JavaScript中，可以利用oncopy事件禁止拷贝，该事件在用户拷贝元素上的内容时触发，当按下“CTRL+C”或者在浏览器的编辑菜单中选择复制时都会触发该事件，语法为“object.oncopy=function(){...}”。

本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。

javascript怎么禁止拷贝

oncopy 事件在用户拷贝元素上的内容时触发。

提示： oncopy 事件在用户拷贝元素时也会触发，例如，拷贝 <img> 元素。

提示： oncopy 事件通常用于 type="text" 的 <input> 元素。

提示：有三种方式可以拷贝元素和内容：

按下 CTRL + C
在你的浏览器的 Edit(编辑) 菜单中选择 "Copy（复制）"
右键鼠标按钮，在上下文菜单中选择 "Copy（复制）" 命令。

语法

HTML 中:

<element oncopy="myScript">

JavaScript 中：

object.oncopy=function(){myScript};

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("copy", myScript);

示例如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
</head>
<body>
<input type="text" oncopy="myFunction()" value="尝试拷贝文本">
<p id="demo"></p>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "你拷贝了文本!"
}
</script>
</body>
</html>

输出结果：

javascript如何禁止拷贝

到此，关于“javascript如何禁止拷贝”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！

名称栏目：javascript如何禁止拷贝
文章位置：https://www.cdcxhl.com/article34/pdiipe.html

成都网站建设公司_创新互联，为您提供网站内链、建站公司、商城网站、App开发、虚拟主机、域名注册

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容