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 相关文章推荐
[原创]用javascript实现检测指定目录是否存在的方法
Jan 12 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
Apr 03 Javascript
JavaScript获取各大浏览器信息图示
Nov 20 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
Aug 08 Javascript
Angular2从搭建环境到开发步骤详解
Oct 17 Javascript
Vue2.0组件间数据传递示例
Mar 07 Javascript
JavaScript中清空数组的三种方式
Mar 22 Javascript
浅谈react 同构之样式直出
Nov 07 Javascript
vue中的计算属性的使用和vue实例的方法示例
Dec 04 Javascript
关于Vue源码vm.$watch()内部原理详解
Apr 26 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
Apr 26 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 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
实用函数10
2007/11/08 PHP
php smarty 二级分类代码和模版循环例子
2011/06/16 PHP
利用PHP实现智能文件类型检测的实现代码
2011/08/02 PHP
php实现源代码加密的方法
2015/07/11 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
php和redis实现秒杀活动的流程
2019/07/17 PHP
JSON序列化与解析原生JS方法且IE6和chrome测试通过
2013/09/05 Javascript
Javascript全局变量var与不var的区别深入解析
2013/12/09 Javascript
js调用后台、后台调用前台等方法总结
2014/04/17 Javascript
jQuery制作拼图小游戏
2015/01/12 Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
2016/04/15 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
2017/02/20 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
2017/07/12 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
JavaScript门面模式详解
2017/10/19 Javascript
JavaScript indexOf()原理及使用方法详解
2020/07/09 Javascript
分享8个JavaScript库可更好地处理本地存储
2020/10/12 Javascript
如何实现vue的tree组件
2020/12/03 Vue.js
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
2021/03/01 Vue.js
[01:27]2014DOTA2展望TI 剑指西雅图IG战队专访
2014/06/30 DOTA
[44:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第二局
2016/03/03 DOTA
[00:08]DOTA2勇士令状等级奖励“天外飞星”
2019/05/24 DOTA
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
Python中的函数作用域
2018/05/07 Python
python 输出所有大小写字母的方法
2019/01/02 Python
Python批量生成特定尺寸图片及图画任意文字的实例
2019/01/30 Python
Python K最近邻从原理到实现的方法
2019/08/15 Python
Manjaro、pip、conda更换国内源的方法
2020/11/17 Python
英国时尚服饰电商:Boohoo
2017/10/12 全球购物
研发工程师的岗位职责
2013/11/18 职场文书
铣床操作工岗位职责
2014/06/13 职场文书
重大事项社会稳定风险评估方案
2014/06/15 职场文书
城市轨道交通工程职业生涯规划书范文
2014/09/16 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
入伍志愿书怎么写?
2019/07/19 职场文书
WCG2010 星际争霸决赛 Flash vs Goojila 1 星际经典比赛回顾
2022/04/01 星际争霸