我正试图开发一个“复制”按钮,以复制数字从多输入形式到剪贴板。我安装了Clipboard.js,并将id指向<form>
元素,所以一切都很好,除了每个输入的数字都被复制了,它们之间有一条断开线。有没有什么方法可以去掉中间的空格或折线?
我应该在某个地方添加.replace(/[^0-9]/g, "")
吗?
new ClipboardJS('.btn_copy', {
});
.btn_copy {
background: rgba(50, 50, 90, 1);
min-height: 30px;
width: 50px;
padding: 15px 50px;
color: #e1e1e1;
font-family: sans-serif;
font-size: 1.2em;
display: inline-block;
margin-left: 50px;
cursor: pointer;
}
.btn_copy:hover {
background: rgba(50, 50, 90, 0.9);
}
.circle input {
border-radius: 999px;
float: left;
max-width: 100px;
font-size: 2em;
text-align: center;
height: 100px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.11/clipboard.js"></script>
<form id="tkt_1">
<div class="circle">
<input type="number" placeholder="00" />
</div>
<div class="circle">
<input type="number" placeholder="00" />
</div>
<div class="circle">
<input type="number" placeholder="00" />
</div>
</form>
<div class="btn_copy" data-clipboard-action="copy" data-clipboard-target="#tkt_1">Copy</div>
2条答案
按热度按时间0pizxfdo1#
你不需要一个特殊的库把东西放进剪贴板。使用
navigator.clipboard.writeText()
即可这是你的代码,但不需要clipboard.js甚至jQuery。
ssgvzors2#
要从字符串中删除任何空格或换行符,可以使用
replace
方法,其中'\n'
用于换行符,' '
用于空格。字符串
请记住,
copy(formatedText)
语句只是一个符号。使用您想要或需要的任何内容将值复制到剪贴板。