JavaScript oncopy事件用法实例解析


Posted in Javascript onMay 13, 2020

作用:当用户拷贝添加了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);

JavaScript oncopy事件用法实例解析

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS截取字符串常用方法整理及使用示例
Oct 18 Javascript
JavaScript中创建字典对象(dictionary)实例
Mar 31 Javascript
jQuery的内容过滤选择器学习教程
Apr 18 Javascript
jquery 动态增加删除行的简单实例(推荐)
Oct 12 Javascript
jQuery返回定位插件详解
May 15 jQuery
关于react-router的几种配置方式详解
Jul 24 Javascript
详解Vue-Cli 异步加载数据的一些注意点
Aug 12 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
Feb 13 Javascript
详解JavaScript的数据类型以及数据类型的转换
Apr 20 Javascript
彻底揭秘keep-alive原理(小结)
May 05 Javascript
JavaScript实现页面中录音功能的方法
Jun 04 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
JavaScript 正则应用详解【模式、欲查、反向引用等】
May 13 #Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
May 13 #Javascript
Node.js API详解之 module模块用法实例分析
May 13 #Javascript
JS如何实现手机端输入验证码效果
May 13 #Javascript
vue-socket.io接收不到数据问题的解决方法
May 13 #Javascript
Vue关于组件化开发知识点详解
May 13 #Javascript
Vue 中获取当前时间并实时刷新的实现代码
May 12 #Javascript
You might like
php Http_Template_IT类库进行模板替换
2009/03/19 PHP
PHPLog php 程序调试追踪工具
2009/09/09 PHP
基于asp+ajax和数据库驱动的二级联动菜单
2010/05/06 PHP
使用php 获取时间今天明天昨天时间戳的详解
2013/06/20 PHP
XAMPP安装与使用方法详细解析
2013/11/27 PHP
PHP7.0安装笔记整理
2015/08/28 PHP
PHP实现文件上传下载实例
2016/10/18 PHP
jquery统计复选框选中示例
2013/11/05 Javascript
10个JavaScript中易犯小错误
2016/02/14 Javascript
javacript获取当前屏幕大小
2016/06/04 Javascript
JS鼠标3次点击事件实现代码及扩展思路
2017/09/12 Javascript
parabola.js抛物线与加入购物车效果的示例代码
2017/10/25 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
uni-app 自定义底部导航栏的实现
2020/12/11 Javascript
简单谈谈python的反射机制
2016/06/28 Python
python中pylint使用方法(pylint代码检查)
2018/04/06 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
详解Python下载图片并保存本地的两种方式
2019/05/15 Python
10分钟用python搭建一个超好用的CMDB系统
2019/07/17 Python
python利用JMeter测试Tornado的多线程
2020/01/12 Python
python 实现控制鼠标键盘
2020/11/27 Python
详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)
2020/11/16 HTML / CSS
HTML5拖拉上传文件的简单实例
2017/01/11 HTML / CSS
html5 外链式实现加减乘除的代码
2019/09/04 HTML / CSS
丝芙兰波兰:Sephora.pl
2018/03/25 全球购物
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
市场营销战略计划书
2014/05/06 职场文书
核心价值观演讲稿
2014/05/13 职场文书
个人安全承诺书
2014/05/22 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
php中配置文件保存修改操作 如config.php文件的读取修改等操作
2021/05/12 PHP
pytorch 如何把图像数据集进行划分成train,test和val
2021/05/31 Python
《堡垒之夜》联动《刺客信条》 4月7日正式上线
2022/04/06 其他游戏
PostgreSQL之连接失败的问题及解决
2023/05/08 PostgreSQL