您的位置:首页技术文章
文章详情页

JavaScript oncopy事件用法实例解析

【字号: 日期:2023-10-27 15:44:48浏览:2作者:猪猪

作用:当用户拷贝添加了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
相关文章: