Javascript 复制按钮功能
我有这个引导代码,我想用它来生成地址和实现复制按钮功能:Javascript 复制按钮功能,javascript,html,bootstrap-4,bootstrap-modal,Javascript,Html,Bootstrap 4,Bootstrap Modal,我有这个引导代码,我想用它来生成地址和实现复制按钮功能: <div class="modal fade" id="bitcoinModal" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="c
<div class="modal fade" id="bitcoinModal" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="container">
<div class="offset-top-20 text-md-left">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>Copy address</h3>
</div>
<div class="section-60 offset-top-35">
<div class="offset-top-20 text-md-center">
<form class="rd-mailform form-inline-custom text-left" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="http://.........">
<div class="form-group form-group-outside">
<div class="input-group">
<label class="form-label form-label-outside text-dark" for="forms-subscribe-email">Bitcoin Address</label>
<input class="form-control" id="forms-subscribe-email" type="text" name="bitcoin_address" value="3J98t1WpEZ73CNmQviecrnyiWrnqRhWNLy " data-constraints="@Required"/>
</div>
<div class="input-group-btn">
<button class="btn btn-width-165 btn-primary" type="submit">Copy</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
&时代;
复印地址
比特币地址
复制
如何将输入项中的内容复制到剪贴板?如何将文本更改为“已复制”
您可以使用上述任何一项功能为此使用
execCommand
函数myFunction(){
var copyTextfield=document.getElementById(“myInput”);
copyTextfield.select();
文件。执行命令(“副本”);
警报(“复制的文本:+copyTextfield.value”);
copyTextfield.value=“已复制”;
}
复制文本
这应该可以:
功能copyToClipboard(e,btn){
e、 preventDefault();//防止提交
var str=document.getElementById(“表单订阅电子邮件”);
str.select();
document.execCommand('copy');
btn.innerHTML=“已复制!”;
返回false;//防止提交
}
&时代;
复印地址
比特币地址
复制
是否要将输入项复制到剪贴板?是的,并将按钮的标签更改为“已复制”。我看到两个问题-显示附加对话框:复制文本:…
并且文本值已更改。有什么方法可以防止这种情况发生吗?我得到了UI结果,但没有复制值。@彼得本佐夫它肯定能工作。。。请再试一次。
function copyKey(id) {
var copyText = document.getElementById(id);
copyText.select();
document.execCommand("copy");
}
function copy_IP() {
var copy_Text = document.getElementById('our_ip');
//create temporary input to copy text as our input is hidden so we need to create another input
var tempInput = document.createElement("input");
tempInput.style = "position: absolute; left: -1000px; top: -1000px";
tempInput.value = copy_Text.value;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand("copy");
document.body.removeChild(tempInput);
//show success message
toastr.info(copyText.value, 'IP Copied to Clipboard');
}