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 相关文章推荐
Prototype使用指南之dom.js
Jan 10 Javascript
Javascript自定义排序 node运行 实例
Jun 05 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
Jan 06 Javascript
JavaScript函数获取事件源的小例子
May 14 Javascript
关于JavaScript中name的意义冲突示例介绍
May 29 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
Jan 22 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
Jun 22 Javascript
element-ui 关于获取select 的label值方法
Aug 24 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
详解用场景去理解函数柯里化(入门篇)
Apr 11 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 判断服务器操作系统的类型
2014/02/17 PHP
php中最简单的字符串匹配算法
2014/12/16 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
PHP不使用内置函数实现字符串转整型的方法示例
2017/07/03 PHP
PHP中创建和编辑Excel表格的方法
2018/09/13 PHP
PHP简单验证码功能机制实例详解
2019/03/27 PHP
php和js实现根据子网掩码和ip计算子网功能示例
2019/11/09 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
ThinkPHP5分页paginate代码实例解析
2020/11/10 PHP
音乐播放用的的几个函数
2006/09/07 Javascript
JS类定义原型方法的两种实现的区别评论很多
2007/09/12 Javascript
详解JavaScript正则表达式之RegExp对象
2015/12/13 Javascript
jQuery使用cookie与json简单实现购物车功能
2016/04/15 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
详谈JS中数组的迭代方法和归并方法
2017/08/11 Javascript
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
vue中利用Promise封装jsonp并调取数据
2019/06/18 Javascript
微信小程序实现上传图片裁剪图片过程解析
2019/08/22 Javascript
[01:25]2014DOTA2国际邀请赛 zhou分析LGD比赛情况
2014/07/14 DOTA
基于Python Numpy的数组array和矩阵matrix详解
2018/04/04 Python
python设置随机种子实例讲解
2019/09/12 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
使用django自带的user做外键的方法
2020/11/30 Python
成功经营餐厅的创业计划书范文
2013/12/26 职场文书
英语感恩演讲稿
2014/01/14 职场文书
社区庆八一活动方案
2014/02/02 职场文书
职务任命书范本
2014/06/05 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
护士求职自荐信
2015/03/25 职场文书
离婚撤诉申请书范本
2015/05/18 职场文书
2015年财务部年度工作总结
2015/05/19 职场文书
Python数据分析入门之教你怎么搭建环境
2021/05/13 Python
使用Django实现商城验证码模块的方法
2021/06/01 Python
PostgreSQL自动更新时间戳实例代码
2021/11/27 PostgreSQL
MySQL数据库如何使用Shell进行连接
2022/04/12 MySQL