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调用客户端的可执行文件(示例代码)
Nov 28 Javascript
解析JavaScript中点号“.”的多义性
Dec 02 Javascript
JavaScript学习笔记之定时器
Jan 22 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
May 12 Javascript
javascript入门之string对象【新手必看】
Nov 22 Javascript
jQuery.cookie.js使用方法及相关参数解释
Mar 06 Javascript
从零开始最小实现react服务器渲染详解
Jan 26 Javascript
js统计页面上每个标签的数量实例代码
May 29 Javascript
微信小程序实现消息框弹出动画
Apr 18 Javascript
AngularJS动态生成select下拉框的方法实例
Nov 17 Javascript
浅谈vue的第一个commit分析
Jun 08 Javascript
Vue.js原理分析之nextTick实现详解
Sep 07 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文件打包下载zip
2017/03/01 PHP
Laravel框架控制器的request与response用法示例
2019/09/30 PHP
JavaScript Event学习第二章 Event浏览器兼容性
2010/02/07 Javascript
Textarea与懒惰渲染实现代码
2012/01/04 Javascript
js中eval详解
2012/03/30 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
2016/01/07 Javascript
jQuery ajax时间差导致的变量赋值问题分析
2016/01/22 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
2016/12/15 Javascript
Ionic学习日记实现验证码倒计时
2018/02/08 Javascript
收集前端面试题之url、href、src
2018/03/22 Javascript
详解vue中async-await的使用误区
2018/12/05 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
jQuery 筛选器简单操作示例
2019/10/02 jQuery
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
2020/03/13 Javascript
python模块restful使用方法实例
2013/12/10 Python
详解python使用递归、尾递归、循环三种方式实现斐波那契数列
2018/01/16 Python
python中adb有什么功能
2020/06/07 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
Club Monaco加拿大官网:设计师男女服装
2019/09/29 全球购物
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
初中生物教学反思
2014/01/10 职场文书
新员工欢迎词
2014/01/12 职场文书
工商治理实习生的自我评价
2014/01/15 职场文书
在校硕士自我鉴定
2014/01/23 职场文书
省级四好少年事迹材料
2014/01/25 职场文书
护士岗位职责
2014/02/16 职场文书
总经理工作职责范文
2014/03/14 职场文书
2014客服代表实习自我鉴定
2014/09/18 职场文书
英语投诉信范文
2015/07/03 职场文书
六一亲子活动感想
2015/08/07 职场文书
学习经验交流会演讲稿
2015/11/02 职场文书
使用Ajax实现进度条的绘制
2022/04/07 Javascript
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android