将文本从文本区域复制到剪贴板 - Python
Copy text from textarea to clipboard - Python
我正在尝试启用将从文本区域复制内容的复制按钮,我给出了我的 HTML 文件和 JS 的示例,我尝试了所有方法但没有成功。感谢您的帮助。
我的HTML
{% if trans != "" %}
<br>
<div id="sTransContainer">
<h1>Trans</h1>
<textarea style="resize:none" cols="5" rows="10" id="sText">{{ trans }}</textarea>
<div class="right btn-group">
<button onclick="myFunction()">Copy text</button>
<script async src="js/copy.js"></script>
</div>
</div>
{% endif %}
我的copy.js
function myFunction() {
var copyText = document.getElementById("trans");
copyText.select();
copyText.setSelectionRange(0, 99999)
document.execCommand("copy");
alert("Copied the text: " + copyText.value);
}
您也可以使用navigator.clipboard
。 https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard
function copyToClipboard() {
let clip = navigator.clipboard;
if (clip === undefined) {
console.log(
"Upgrade your browser to use the clipboard feature.",
);
} else {
navigator.clipboard.writeText(document.getElementById('my_input').value);
}
}
<input id='my_input' />
<button onClick='copyToClipboard()' >
Click me
</button>
我正在尝试启用将从文本区域复制内容的复制按钮,我给出了我的 HTML 文件和 JS 的示例,我尝试了所有方法但没有成功。感谢您的帮助。
我的HTML
{% if trans != "" %}
<br>
<div id="sTransContainer">
<h1>Trans</h1>
<textarea style="resize:none" cols="5" rows="10" id="sText">{{ trans }}</textarea>
<div class="right btn-group">
<button onclick="myFunction()">Copy text</button>
<script async src="js/copy.js"></script>
</div>
</div>
{% endif %}
我的copy.js
function myFunction() {
var copyText = document.getElementById("trans");
copyText.select();
copyText.setSelectionRange(0, 99999)
document.execCommand("copy");
alert("Copied the text: " + copyText.value);
}
您也可以使用navigator.clipboard
。 https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard
function copyToClipboard() {
let clip = navigator.clipboard;
if (clip === undefined) {
console.log(
"Upgrade your browser to use the clipboard feature.",
);
} else {
navigator.clipboard.writeText(document.getElementById('my_input').value);
}
}
<input id='my_input' />
<button onClick='copyToClipboard()' >
Click me
</button>