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 相关文章推荐
JQuery 中几个类选择器的简单使用介绍
Mar 14 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
Sep 03 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
Mar 04 Javascript
jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
Feb 25 Javascript
移动端横屏的JS代码(beta)
May 16 Javascript
vue.js表格分页示例
Oct 18 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
Bootstrap modal只加载一次数据的解决办法(推荐)
Nov 24 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 Javascript
详解超简单的react服务器渲染(ssr)入坑指南
Feb 28 Javascript
Vue 实现一个命令式弹窗组件功能
Sep 25 Javascript
详解vue 自定义组件使用v-model 及探究其中原理
Oct 11 Javascript
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实现提取一个图像文件并在浏览器上显示的代码
2012/10/06 PHP
如何使用PHP获取指定日期所在月的开始日期与结束日期
2013/08/01 PHP
深入浅析用PHP实现MVC
2016/03/02 PHP
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
jquery 仿QQ校友的DIV模拟窗口效果源码
2010/03/24 Javascript
WEB 浏览器兼容 推荐收藏
2010/05/14 Javascript
jquery鼠标停止移动事件
2013/12/21 Javascript
jquery实现的Banner广告收缩效果代码
2015/09/02 Javascript
Node.js实现JS文件合并小工具
2016/02/02 Javascript
jquery实现的判断倒计时是否结束代码
2016/02/05 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
全面了解js中的script标签
2016/07/04 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
2017/04/13 Javascript
Vue 2.0学习笔记之Vue中的computed属性
2017/10/16 Javascript
vue watch自动检测数据变化实时渲染的方法
2018/01/16 Javascript
微信小程序progress组件使用详解
2018/01/31 Javascript
vue项目中使用百度地图的方法
2018/06/08 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
2020/04/07 Javascript
[03:18]DOTA2亚洲邀请赛小组赛第一日 RECAP赛事回顾
2015/01/30 DOTA
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
Python编程实现从字典中提取子集的方法分析
2018/02/09 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
Python3解释器知识点总结
2019/02/19 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
python爬虫之爬取百度音乐的实现方法
2019/08/24 Python
一篇文章搞懂python的转义字符及用法
2020/09/03 Python
Python包资源下载路径报404解决方案
2020/11/05 Python
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
英国婚礼商城:Wedding Mall
2019/11/02 全球购物
自动化工程专业个人应聘自荐信
2013/09/26 职场文书
零件设计自荐信范文
2013/11/27 职场文书
大学生毕业自我鉴定范文
2014/02/03 职场文书
2015大学生暑假调查报告
2015/07/13 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
用Python创建简易网站图文教程
2021/06/11 Python
MySQL优化之慢日志查询
2022/06/10 MySQL