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 相关文章推荐
通过 Dom 方法提高 innerHTML 性能
Mar 26 Javascript
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 Javascript
JS对HTML标签select的获取、添加、删除操作
Oct 17 Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
May 15 Javascript
JQuery实现防止退格键返回的方法
Feb 12 Javascript
JavaScript中reduce()方法的使用详解
Jun 09 Javascript
js实现的tab标签切换效果代码分享
Aug 25 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
Jan 23 Javascript
js 原型对象和原型链理解
Feb 09 Javascript
react 实现页面代码分割、按需加载的方法
Apr 03 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
Sep 03 Javascript
vue实现直播间点赞飘心效果的示例代码
Sep 20 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
星际争霸任务指南——人族
2020/03/04 星际争霸
php获取$_POST同名参数数组的实现介绍
2013/06/30 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
PHP实现的操作数组类库定义与用法示例
2019/05/24 PHP
JavaScript 数组循环引起的思考
2010/01/01 Javascript
php图像生成函数之间的区别分析
2012/12/06 Javascript
页面刷新时记住滚动条的位置jquery代码
2014/06/17 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
jQuery基于扩展实现的倒计时效果
2016/05/14 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
2016/06/08 Javascript
jQuery实现的导航下拉菜单效果
2016/07/04 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
javascript实现图片左右滚动效果【可自动滚动,有左右按钮】
2016/09/19 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
2016/12/08 Javascript
js实现各浏览器全屏代码实例
2018/07/03 Javascript
微信小程序实现多选功能
2018/11/04 Javascript
Node.js实现一个HTTP服务器的方法示例
2019/05/13 Javascript
为vue项目自动设置请求状态的配置方法
2019/06/09 Javascript
使用Python3编写抓取网页和只抓网页图片的脚本
2015/08/20 Python
Python中第三方库Requests库的高级用法详解
2017/03/12 Python
python如何实现内容写在图片上
2018/03/23 Python
详解关于Django中ORM数据库迁移的配置
2018/10/08 Python
Python Lambda函数使用总结详解
2019/12/11 Python
Python matplotlib 绘制双Y轴曲线图的示例代码
2020/06/12 Python
如何利用Python matplotlib绘制雷达图
2020/12/21 Python
幼儿教师国培感言
2014/02/19 职场文书
双语教学实施方案
2014/03/23 职场文书
幼儿园中班开学寄语
2014/04/03 职场文书
我的中国梦演讲稿500字
2014/08/19 职场文书
国际残疾人日广播稿范文
2014/10/09 职场文书
坎儿井导游词
2015/02/09 职场文书
2015国际残疾人日活动总结
2015/03/24 职场文书
幼儿园小朋友毕业感言
2015/07/30 职场文书
九不准学习心得体会
2016/01/23 职场文书
django上传文件的三种方式
2021/04/29 Python
总结Python连接CS2000的详细步骤
2021/06/23 Python