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 相关文章推荐
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
深入探讨javascript函数式编程
Oct 11 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
BootStrap的table表头固定tbody滚动的实例代码
Aug 24 Javascript
总结JavaScript的正则与其他语言的不同之处
Aug 25 Javascript
ES6中的箭头函数实例详解
Apr 06 Javascript
vue递归组件实战之简单树形控件实例代码
Aug 27 Javascript
JavaScript创建、读取和删除cookie
Sep 03 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
Nov 26 Javascript
微信小程序实现上传照片代码实例解析
Aug 04 Javascript
js实现简单选项卡制作
Aug 05 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 生成微信红包代码简单
2016/03/25 PHP
PHP实现的分页类定义与用法示例
2017/07/05 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
2019/10/16 PHP
Jquery选择器 $实现原理
2009/12/02 Javascript
javascript实现图片切换的幻灯片效果源代码
2012/12/12 Javascript
jquery动态加载js三种方法实例
2013/08/03 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
2014/01/09 Javascript
自编jQuery插件实现模拟alert和confirm
2014/09/01 Javascript
jquery 操作css样式、位置、尺寸方法汇总
2014/11/28 Javascript
JavaScript中神奇的call()方法
2015/03/12 Javascript
JavaScript中Math.SQRT2属性的使用详解
2015/06/14 Javascript
一分钟理解js闭包
2016/05/04 Javascript
JavaScript的Backbone.js框架入门学习指引
2016/05/07 Javascript
JSP基于Bootstrap分页显示实例解析
2016/06/12 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
vue-cli+webpack在生成的项目中使用bootstrap实例代码
2017/05/26 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
2017/07/28 Javascript
vue 设置路由的登录权限的方法
2018/07/03 Javascript
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
2018/09/25 Javascript
vant中的toast轻提示实现代码
2020/11/04 Javascript
Python中的集合类型知识讲解
2015/08/19 Python
Python简单生成8位随机密码的方法
2017/05/24 Python
关于Python中空格字符串处理的技巧总结
2017/08/10 Python
K-近邻算法的python实现代码分享
2017/12/09 Python
python编写Logistic逻辑回归
2020/12/30 Python
详解Python3.6安装psutil模块和功能简介
2018/05/30 Python
Python OpenCV对本地视频文件进行分帧保存的实例
2019/01/08 Python
python3利用ctypes传入一个字符串类型的列表方法
2019/02/12 Python
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
大学生物业管理求职信
2013/10/24 职场文书
领导干部对照检查材料
2014/08/24 职场文书
目标责任书格式范文
2015/05/11 职场文书
大学学生会辞职信
2015/05/13 职场文书
MySQL8.0.24版本Release Note的一些改进点
2021/04/22 MySQL