监听复制事件

最新推荐文章于 2024-05-08 10:49:00 发布

「已注销」

最新推荐文章于 2024-05-08 10:49:00 发布

阅读量1.2w

点赞数

分类专栏： JavaScript 文章标签： js监听复制

本文链接：https://blog.csdn.net/q1424966670/article/details/100152743

版权

JavaScript 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>监听复制</title>
</head>
<body>
	<div>
		事件的默认行为与事件的来源和事件处理函数相关：
		1.如果默认事件没有取消，就复制到选区（如果有选中内容）到剪切板；
		2.如果取消了默认事件，但是调用了setData()方法：就复制clipboardData的内容到到剪切板；
		3.如果取消了默认行为，而且没有调用setData()方法，就没有任何行为。
	</div>
</body>
<script type="text/javascript">
	document.addEventListener("copy",function(e){
		//取消默认事件，才能修改复制的值
		e.preventDefault();
		//复制的内容
		var copyTxt = `${window.getSelection(0).toString()}
					\n作者：红烧鱼
					\n链接：${window.location.href}
					\n来源：本地
					\n著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。`
		if(e.clipboardData) {
          	e.clipboardData.setData('text/plain',  copyTxt);
	 	}
      	else if(window.clipboardData){
      		return window.clipboardData.setData("text", copyTxt);
      	}
	})
</script>
</html>

「已注销」

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
监听复制事件

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>监听复制</title></head><body> <div> 事件的默认行为与事件的来源和事件处理函数相关： 1.如果默认事件没有取消，就复制到选区（...
复制链接

扫一扫

专栏目录