文章详情页
JavaScript oncopy事件用法实例解析
浏览:3日期:2023-10-27 15:44:48
作用:当用户拷贝添加了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
相关文章:
1. Android webview注入JS代码 修改网页内容操作2. Docker容器如何更新打包并上传到阿里云3. CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera4. IntelliJ IDEA 报错:找不到包或者找不到符号的问题及解决方案5. IntelliJ IDEA创建web项目的方法6. Java实现简单通讯录管理系统7. chat.asp聊天程序的编写方法8. Java程序员使用的20几个大数据工具9. IntelliJ IDEA导入项目的方法10. 详解php中implode explode serialize json msgpack性能对比
排行榜