复制文章内容时添加版权信息

最新推荐文章于 2022-09-30 17:42:30 发布

weixin_44709338

最新推荐文章于 2022-09-30 17:42:30 发布

阅读量149

点赞数

分类专栏： js html 文章标签： js

本文链接：https://blog.csdn.net/weixin_44709338/article/details/110391419

版权

js 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

html

3 篇文章 1 订阅

订阅专栏

这篇博客探讨了JavaScript中对象在传递给期望字符串参数的函数时，如何自动调用toString()方法。同时，文章详细介绍了如何利用事件监听器处理'copy'事件，通过修改clipboardData来追加版权内容，展示了对剪贴板数据的操作和控制。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    #contanier{
      width: 100px;
      height: 100px;
      border:1px solid red;
    }
  </style>
</head>
<body>
  <p>在 JavaScript中，当一个对象被传递给期望字符串作为参数的函数中时（如 window.alert 或 document.write），对象的toString()方法会被调用，然后将返回值传给该函数。</p>
    <script>
            document.addEventListener('copy',function(e){
		// clipboardData 对象是为通过编辑菜单、快捷菜单和快捷键执行的编辑操作所保留的，也就是你复制或者剪切内容
		let clipboardData = e.clipboardData || window.clipboardData;
		// 如果 未复制或者未剪切，直接 return 
    if(!clipboardData) return ;
    console.log(e.clipboardData)
		// Selection 对象 表示用户选择的文本范围或光标的当前位置。
		// 声明一个变量接收 -- 用户输入的剪切或者复制的文本转化为字符串
		let text = window.getSelection().toString();
		if(text){
			// 如果文本存在，首先取消默认行为
			e.preventDefault();
			// 通过调用 clipboardData 对象的 setData(format,data) 方法，设置相关文本 
			// format 一个 DOMString 类型 表示要添加到 drag object 的拖动数据的类型
			// data 一个 DOMString 表示要添加到 drag object 的数据
			clipboardData.setData('text/plain', text + '\r\n这是追加的版权内容')
		}
	})
  </script>
</body>
</html>

weixin_44709338

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制文章内容时添加版权信息

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #contanier{ width: 100px
复制链接

扫一扫

专栏目录