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学习基础知识小结
Nov 25 Javascript
封装了一个js图片轮换效果的函数
Sep 28 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
Jan 15 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
Oct 17 Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
Dec 25 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
Jun 02 Javascript
js微信支付实现代码
Dec 22 Javascript
使用jQuery.Pin垂直滚动时固定导航
May 24 jQuery
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
Nov 27 Javascript
写gulp遇到的ES6问题详解
Dec 03 Javascript
TypeScript 内置高级类型编程示例
Sep 23 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
动画 《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
PHP常用函数小技巧
2008/09/11 PHP
PHP实现搜索时记住状态的方法示例
2018/05/11 PHP
ThinkPHP3.2.3框架实现执行原生SQL语句的方法示例
2019/04/03 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
2011/10/24 Javascript
基于jquery的多功能软键盘插件
2012/07/25 Javascript
jQuery拖动布局其结果保存到数据库
2015/10/09 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
2016/01/09 Javascript
javascript绘制漂亮的心型线效果完整实例
2016/02/02 Javascript
jQuery图片加载显示loading效果
2016/11/04 Javascript
EasyUI折叠表格层次显示detailview详解及实例
2016/12/28 Javascript
JavaScript提高加载和执行效率的方法
2017/02/03 Javascript
JavaScript学习笔记之惰性函数示例详解
2017/08/27 Javascript
实例讲解JS中pop使用方法
2019/01/27 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
vue中的.$mount('#app')手动挂载操作
2020/09/02 Javascript
Vue常用API、高级API的相关总结
2021/02/02 Vue.js
[05:23]DOTA2-DPC中国联赛2月1日Recap集锦
2021/03/11 DOTA
Python利用pyHook实现监听用户鼠标与键盘事件
2014/08/21 Python
python3利用Socket实现通信的方法示例
2019/05/06 Python
详解python实现数据归一化处理的方式:(0,1)标准化
2019/07/17 Python
tensorflow入门:TFRecordDataset变长数据的batch读取详解
2020/01/20 Python
keras模型可视化,层可视化及kernel可视化实例
2020/01/24 Python
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
环法自行车赛官方商店:Le Tour de France
2017/08/27 全球购物
建筑工程自我鉴定
2013/10/18 职场文书
优秀应届毕业生自荐信
2013/11/16 职场文书
工地安全检查制度
2014/02/04 职场文书
纠纷协议书
2014/04/16 职场文书
新闻报道策划方案
2014/06/11 职场文书
2014年药店店长工作总结
2014/11/17 职场文书
教师个人成长总结
2015/02/11 职场文书
2015年店长个人工作总结
2015/10/23 职场文书
springcloud之Feign超时问题的解决
2021/06/24 Java/Android
Python基于百度AI实现抓取表情包
2021/06/27 Python