复制到剪切板js，兼容所有手机和pc，再附上复制成功的提示信息

最新推荐文章于 2024-05-11 11:49:42 发布

小排骨zzz

最新推荐文章于 2024-05-11 11:49:42 发布

阅读量284

点赞数

分类专栏：前端开发文章标签：前端开发复制到剪切板提示信息

本文链接：https://blog.csdn.net/ZWH1113/article/details/101782091

版权

本文分享了一种兼容所有手机和PC的复制到剪切板的JavaScript实现方法，并且详细介绍了如何添加复制成功后的提示信息，旨在解决现有代码的兼容性问题。

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

实现思路：网上有些复制到剪切板的代码存在兼容性不足，所以想把自己常用的复制到剪切板的功能分享给大家。另外，我还额外提供了复制成功后的提示信息的js。

效果图：

全部代码如下：

<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>复制到剪切板+提示信息</title>
		<style type="text/css">
			.text-tip{color: #fff;font-size: 14px;background: rgba(0, 0, 0, 0.7);border-radius: 3px;position: fixed;top: 30%;left: 50%;transform: translate(-50%, -50%);padding: 6px 10px;line-height: 20px;max-width: 168px;z-index: 9999;}