我有一个JavaScript代码,该代码当前呼叫特定网页,返回数据,然后将其复制到剪贴板。它在Chrome,Safari和Firefox中工作,但由于某种原因,复制功能在IE 11中无法使用。
响应主体正在使用正确的数据返回,但我似乎无法将这些数据收到剪贴板。该代码需要是纯JavaScript,因为它是通过开发人员门户使用的,并且有一些限制/限制。本质上,我想避免导入jQuery库/使用jquery 。
function httpGet(theUrl)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
function listener(e) {
e.clipboardData.setData("text/html", xmlhttp.responseText);
e.clipboardData.setData("text/plain", xmlhttp.responseText);
e.preventDefault();
}
document.addEventListener("copy", listener);
document.execCommand("copy");
document.removeEventListener("copy", listener);
return xmlhttp.responseText;
}
}
xmlhttp.open("GET", theUrl, false );
xmlhttp.send();
}
在" onclick" HTML事件中调用该功能,该事件正常从我理解的内容(考虑到" Theurl"页面的调用并返回数据(。关于剪贴板为什么未获取数据的任何输入将不胜感激。谢谢!
在IE浏览器中,您可以使用以下代码:
<script>
function Copy() {
if (window.clipboardData) {
window.clipboardData.clearData();
window.clipboardData.setData("Text", document.getElementById('txtacpy').value);
}
else {
alert("not support window.cliboardData")
}
}
function paste() {
if (window.clipboardData) {
document.getElementById('txtapaste').value = window.clipboardData.getData("Text");
}
}
</script>
<input type="button" id="btncopy" value="Copy" onclick="Copy()" />
<br />
<input type="text" name="txtacpy" id="txtacpy" />
<br />
<input type="button" id="btncopy" value="Paste" onclick="paste();" />
<br />
<input type="text" name="txtapaste" id="txtapaste" />
这样的结果。
注意:以上代码仅在IE浏览器中效果很好,因此,您可能需要检查浏览器是否首先是浏览器,请检查此线程和此线程。
如果不是IE11,则可以使用clipboardapi,所以我只会使用:
function copy() {
const copyText = document.querySelector("#input");
copyText.select();
document.execCommand("copy");
}
document.querySelector("#copy").addEventListener("click", copy);
希望它有帮助!