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 相关文章推荐
写了一个layout,拖动条连贯,内容区可为iframe
Aug 19 Javascript
基于jquery实现漂亮的动态信息提示效果
Aug 02 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 Javascript
使用vue.js实现联动效果的示例代码
Jan 10 Javascript
jQuery使用unlock.js插件实现滑动解锁
Apr 04 jQuery
JS简单生成随机数(随机密码)的方法
May 11 Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
Apr 11 Javascript
微信小程序实现单列下拉菜单效果
Apr 25 Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
Sep 20 Javascript
Vue.js的模板语法详解
Feb 16 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/03/05 PHP
PHP文件缓存内容保存格式实例分析
2014/08/20 PHP
php将html转为图片的实现方法
2017/05/19 PHP
SWFObject 2.1以上版本语法介绍
2010/07/10 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
2014/01/06 Javascript
Array栈方法和队列方法的特点说明
2014/01/24 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
2014/04/02 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
2014/10/17 Javascript
JavaScript中几种排序算法的简单实现
2015/07/29 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
2015/11/02 Javascript
浅谈js里面的InttoStr和StrtoInt
2016/06/14 Javascript
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
微信小程序 教程之WXML
2016/10/18 Javascript
利用jQuery实现一个简单的表格上下翻页效果
2017/03/14 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
Vue框架下引入ActiveX控件的问题解决
2019/03/25 Javascript
vue中利用three.js实现全景图的完整示例
2020/12/07 Vue.js
python删除过期文件的方法
2015/05/29 Python
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
PyQt5下拉式复选框QComboCheckBox的实例
2019/06/25 Python
keras 特征图可视化实例(中间层)
2020/01/24 Python
Python Scrapy框架第一个入门程序示例
2020/02/05 Python
浅析NumPy 切片和索引
2020/09/02 Python
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
html5 制作地图当前定位箭头的方法示例
2020/01/10 HTML / CSS
中国最大的团购网站:聚划算
2016/09/21 全球购物
为奢侈时尚带来了慈善元素:Olivela
2018/09/29 全球购物
物业保安主管岗位职责
2013/12/25 职场文书
中专生职业生涯规划书范文
2014/01/10 职场文书
《生命的药方》教学反思
2014/04/08 职场文书
年终考核实施方案
2014/05/26 职场文书
采购部长岗位职责
2014/06/13 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
装配车间主任岗位职责
2015/04/08 职场文书
基于HTML十秒做出淘宝页面
2021/10/24 HTML / CSS