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 模式之工厂模式(Factory)应用介绍
Nov 15 Javascript
jQuery的end()方法使用详解
Jul 15 Javascript
jquery实现表格隔行换色效果
Nov 19 Javascript
js友好的时间返回函数
Aug 24 Javascript
jquery-mobile表单的创建方法详解
Nov 23 Javascript
详解在Angularjs中ui-sref和$state.go如何传递参数
Apr 24 Javascript
Vue制作Todo List网页
Apr 26 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
Nov 28 Javascript
微信小程序实现topBar底部选择栏效果
Jul 20 Javascript
在小程序中使用Echart图表的示例代码
Aug 02 Javascript
js实现移动端轮播图
Dec 21 Javascript
vue项目proxyTable配置和部署服务器
Apr 14 Vue.js
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+DBM的同学录程序(4)
2006/10/09 PHP
php和js交互一例-PHP教程,PHP应用
2007/01/03 PHP
完美解决PHP中文乱码
2009/11/26 PHP
php准确计算复活节日期的方法
2015/04/18 PHP
利用javascript查看html源文件
2006/11/08 Javascript
懒就要懒到底——鼠标自动点击(含时间判断)
2007/02/20 Javascript
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
JavaScript原型继承之基础机制分析
2011/08/26 Javascript
Jsonp post 跨域方案
2015/07/06 Javascript
JQuery实现级联下拉框效果实例讲解
2015/09/17 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
2016/12/11 Javascript
js 判断数据类型的几种方法
2017/01/13 Javascript
Vue如何从1.0迁移到2.0
2017/10/19 Javascript
Express下采用bcryptjs进行密码加密的方法
2018/02/07 Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
2018/10/18 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
微信小程序实现选择地址省市区三级联动
2020/06/21 Javascript
JS代码简洁方式之函数方法详解
2020/07/28 Javascript
[04:42]5分钟带你了解什么是DOTA2(第一期)
2017/02/07 DOTA
日常整理python执行系统命令的常见方法(全)
2015/10/22 Python
Python中序列的修改、散列与切片详解
2017/08/27 Python
Python3安装Scrapy的方法步骤
2017/11/23 Python
Python3.6简单反射操作示例
2018/06/14 Python
将Dataframe数据转化为ndarry数据的方法
2018/06/28 Python
Python离线安装PIL 模块的方法
2019/01/08 Python
python中通过selenium简单操作及元素定位知识点总结
2019/09/10 Python
Python Tornado实现WEB服务器Socket服务器共存并实现交互的方法
2020/05/26 Python
澳大利亚现代波西米亚风格女装网站:Bohemian Traders
2018/04/16 全球购物
Melissa鞋英国官方网站:Nonnon
2019/05/01 全球购物
美国摩托车头盔、零件、齿轮及配件商店:Cycle Gear
2019/06/12 全球购物
附答案的Java面试题
2012/11/19 面试题
用你熟悉的语言写一个连接ORACLE数据库的程序,能够完成修改和查询工作
2012/06/11 面试题
动物科学专业求职信
2014/07/27 职场文书
关于运动会广播稿50字
2014/10/18 职场文书
2016年大学生寒假社会实践心得体会
2015/10/09 职场文书
工商局调档介绍信
2015/10/22 职场文书