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 UI皮肤定制
Jul 27 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
Apr 12 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
Apr 16 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
Apr 27 Javascript
AngularJS基础学习笔记之控制器
May 10 Javascript
javaScript中的原型解析【推荐】
May 05 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
利用Promise自定义一个GET请求的函数示例代码
Mar 20 Javascript
Seajs源码详解分析
Apr 02 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
May 18 Javascript
JavaScript鼠标悬停事件用法解析
May 15 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 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使用递归方式列出当前目录下所有文件的方法
2015/06/02 PHP
一个简单的php路由类
2016/05/29 PHP
Prototype使用指南之ajax
2007/01/10 Javascript
js getBoundingClientRect() 来获取页面元素的位置
2010/11/25 Javascript
jQuery数据显示插件整合实现代码
2011/10/24 Javascript
jQuery提交表单ajax查询实例代码
2012/10/07 Javascript
Javascript中判断变量是数组还是对象(array还是object)
2013/08/14 Javascript
JavaScript严格模式禁用With语句的原因
2014/10/20 Javascript
JavaScript数组常用操作技巧汇总
2014/11/17 Javascript
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
js return返回多个值,通过对象的属性访问方法
2017/02/21 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
2017/04/07 Javascript
js实现倒计时关键代码
2017/05/05 Javascript
JavaScript伪数组用法实例分析
2017/12/22 Javascript
微信小程序实现自定义加载图标功能
2018/07/19 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
基于JavaScript实现留言板功能
2020/03/16 Javascript
Python实现的多线程http压力测试代码
2017/02/08 Python
python图形绘制奥运五环实例讲解
2019/09/14 Python
Python函数的定义方式与函数参数问题实例分析
2019/12/26 Python
Python类中self参数用法详解
2020/02/13 Python
Python正则表达式高级使用方法汇总
2020/06/18 Python
python为什么会环境变量设置不成功
2020/06/23 Python
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
新西兰网上购物,折扣店:BestDeals.co.nz
2019/03/20 全球购物
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
销售自荐信
2013/10/22 职场文书
大学生应聘求职信
2014/05/26 职场文书
学籍证明模板
2014/11/21 职场文书
2014年物业公司工作总结
2014/11/22 职场文书
大学生求职信怎么写
2015/03/19 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
环保守法证明
2015/06/24 职场文书
教你漂亮打印Pandas DataFrames和Series
2021/05/29 Python
Linux系统下安装PHP7.3版本
2021/06/26 PHP
在redisCluster中模糊获取key方式
2021/07/09 Redis