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 css函数用法(判断标签是否拥有某属性)
May 28 Javascript
如何让页面加载完成后执行js
Jun 26 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 Javascript
js实现点击图片改变页面背景图的方法
Feb 28 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
jQuery视差滚动效果网页实现方法经验总结
Sep 29 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
Jun 17 Javascript
vue.js 微信支付前端代码分享
Feb 10 Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 Javascript
vue表单验证你真的会了吗?vue表单验证(form)validate
Apr 07 Javascript
node中IO以及定时器优先级详解
May 10 Javascript
vue中keep-alive,include的缓存问题
Nov 26 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
用PHP4访问Oracle815
2006/10/09 PHP
PHP5 的对象赋值机制介绍
2011/08/02 PHP
提示Trying to clone an uncloneable object of class Imagic的解决
2011/10/27 PHP
php数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
php中数字0和空值的区别分析
2014/06/05 PHP
PHP调用MySQL存储过程并返回值的方法
2014/12/26 PHP
深入浅出php socket编程
2015/05/13 PHP
php实现paypal 授权登录
2015/05/28 PHP
php获取文件类型和文件信息的方法
2015/07/10 PHP
PHP中关键字interface和implements详解
2017/06/14 PHP
JavaScript 获取事件对象的注意点
2009/07/29 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
2010/12/02 Javascript
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
2013/09/30 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
2014/10/16 Javascript
js实例属性和原型属性示例详解
2014/11/23 Javascript
JS+DIV实现鼠标划过切换层效果的方法
2015/05/25 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
2020/09/01 Javascript
完美实现bootstrap分页查询
2015/12/09 Javascript
基于jQuery实现的无刷新表格分页实例
2016/02/17 Javascript
jQuery UI仿淘宝搜索下拉列表功能
2017/01/10 Javascript
Vue 实现简易多行滚动&quot;弹幕&quot;效果
2020/01/02 Javascript
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
[03:54]Ehome出征西雅图 回顾2016国际邀请赛晋级之路
2016/08/02 DOTA
用python代码将tiff图片存储到jpg的方法
2018/12/04 Python
Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】
2019/06/18 Python
使用python telnetlib批量备份交换机配置的方法
2019/07/25 Python
python自定义时钟类、定时任务类
2021/02/22 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
Django xadmin安装及使用详解
2020/10/26 Python
对pytorch中x = x.view(x.size(0), -1) 的理解说明
2021/03/03 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
Vince官网:全球著名设计师品牌,休闲而优雅的服饰
2017/01/15 全球购物
2015年护士节活动总结
2015/02/10 职场文书
新入职员工工作总结
2015/10/15 职场文书
vue elementUI表格控制对应列
2022/04/13 Vue.js