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 相关文章推荐
popdiv
Jul 14 Javascript
js使用ajax读博客rss示例
May 06 Javascript
AngularJS入门教程(零):引导程序
Dec 06 Javascript
JavaScript设计模式之外观模式介绍
Dec 28 Javascript
javascript中alert()与console.log()的区别
Aug 26 Javascript
JSON简介以及用法汇总
Feb 21 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
May 25 Javascript
Angular.js 实现数字转换汉字实例代码
Jul 14 Javascript
JavaScript每天必学之基础知识
Sep 17 Javascript
JavaScript实现快速排序的方法分析
Jan 10 Javascript
JS基于开关思想实现的数组去重功能【案例】
Feb 18 Javascript
详解Anyscript开发指南绕过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
PHP读写文件的方法(生成HTML)
2006/11/27 PHP
php框架Phpbean说明
2008/01/10 PHP
PHP XML操作类DOMDocument
2009/12/16 PHP
PHP5中使用PDO连接数据库的方法
2010/08/01 PHP
深入理解PHP原理之执行周期分析
2016/06/01 PHP
php中file_get_contents()函数用法实例
2019/02/21 PHP
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
js检测浏览器版本、核心、是否移动端示例
2014/04/24 Javascript
JavaScript实现的简单拖拽效果
2015/06/01 Javascript
Javascript实现Array和String互转换的方法
2015/12/21 Javascript
BootStrap与Select2使用小结
2017/02/17 Javascript
JavaScript中数组Array.sort()排序方法详解
2017/03/01 Javascript
微信小程序网络请求wx.request详解及实例
2017/05/18 Javascript
新手必须知的Node.js 4个JavaScript基本概念
2018/09/16 Javascript
js控制随机数生成概率代码实例
2019/03/21 Javascript
微信小程序npm引入vant-weapp的踩坑记录
2019/08/01 Javascript
原生JS 实现的input输入时表格过滤操作示例
2019/08/03 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
2019/10/21 Javascript
Vue实现点击箭头上下移动效果
2020/06/11 Javascript
[01:08:43]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第一场 1月9日
2021/03/11 DOTA
Python yield 小结和实例
2014/04/25 Python
Python实现的Google IP 可用性检测脚本
2015/04/23 Python
Python实现查找字符串数组最长公共前缀示例
2019/03/27 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
详解python中的生成器、迭代器、闭包、装饰器
2019/08/22 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
python3 字符串知识点学习笔记
2020/02/08 Python
基于opencv的selenium滑动验证码的实现
2020/07/24 Python
澳大利亚顶级美发和美容贸易超市:glamaCo
2020/01/19 全球购物
什么是规则表达式
2012/05/03 面试题
大学生通用个人的自我评价
2014/02/10 职场文书
校庆筹备方案
2014/03/30 职场文书
2015年街道除四害工作总结
2015/05/15 职场文书
芙蓉镇观后感
2015/06/10 职场文书