点击鼠标实现复制功能，兼容主流浏览器

最新推荐文章于 2022-07-07 19:09:15 发布

hangGe0111

最新推荐文章于 2022-07-07 19:09:15 发布

阅读量849

点赞数 1

分类专栏： html 文章标签： execCommand 点击鼠标实现复制粘贴

本文链接：https://blog.csdn.net/hangGe0111/article/details/84633776

版权

本文介绍如何通过点击鼠标实现复制链接的功能，兼容主流浏览器。利用execCommand API，可以轻松实现在HTML页面中复制和粘贴操作。需要注意的是，老版本的浏览器如火狐可能存在兼容性问题。

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

1.有一个需求，点击鼠标左键，复制链接，可以将该链接粘贴，实现一个简单的复制粘贴功能

2.代码实现

（1）HTML代码

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
	</head>
	<body>
		<p>点击复制后在命令行 CTRL+V看一下</p>
		<input type="text" id="inputText" value="测试文本" />
		<input type="button" id="btn" value="复制" style="margin-right: 20px;"/>
		复制给我<input type="text" />
		<script type="text/javascript">
			var btn = document.getElementById('btn');
			btn.onclick= function() {
				var inputText = document.getElementById('inputText'