1.首先引用clipboard.js
<script src="clipboard.min.js"></script>
2.html
文本文档要用textarea,复制按钮要用button
<textarea id="number" class="number" spellcheck="false" readonly>9999999</textarea>
<button data-clipboard-action="copy" data-clipboard-target="#number" id="codeCopy" class="copy"></button>
spellcheck="false"去掉文字检查,readonly不可编辑,data-clipboard-action="copy" data-clipboard-target="#number"插件自带的属性
3.css样式
.show .num .number {
font-style: normal;
color: #d2c79d;
touch-action: manipulation;
background-color: transparent!important;
font-size: 15px;
outline: none;
resize: none;
border: none;
height: 16px;
overflow: hidden;
}
.show .num .copy {
background-color: transparent!important;
-webkit-tap-highlight-color: transparent!important;
-webkit-user-select: none;

本文介绍了如何使用clipboard.js库在移动端和PC端实现文本复制粘贴的兼容写法。通过引入clipboard.js,设置html元素属性,应用特定css样式,并编写js代码,成功创建了一个跨平台的复制功能。

3795

被折叠的 条评论
为什么被折叠?



