无法将文本区域的内容复制到剪贴板
使用下面的代码。
<script>
function copyText()
{
document.getElementById('in').click();
call();
}
function call()
{
if(getComputedStyle(document.getElementById('butt')).opacity>0.5)
{setTimeout(call,100);return;}
var ta=window.document.createElement("textarea");
window.document.body.appendChild(ta);
ta.value="this text should be in clipboard";
ta.focus();
ta.selectionStart=0;
ta.selectionEnd=ta.value.length;
ta.addEventListener('keypress', function(){window.document.execCommand('copy');});
var event = new Event('keypress');
ta.dispatchEvent(event) ;
}
</script>
<button id='butt' onClick='copyText()'>copy text</button>
<input id='in' type='file' style='display:none;'/>
<style>
#butt
{opacity:0.5;}
#butt:hover
{opacity:1;}
</style>
如果我添加一个alert()
之后setTimeout(call,100)
在 return 语句之前的 if 块中。
正在复制文本。
在 chrome、opera 和 firefox 上尝试过,每个浏览器的响应方式都相同。
我使用上面的结构来复制用户打开的文件的 Base64 编码文本。
大多数浏览器只会以这种方式从 Javascript 中将文本复制到剪贴板,该 Javascript 是直接从真实用户事件(如单击或按键)发起的,而不是从setTimeout()
。所以,如果你的代码采用setTimeout()
路径,那么将文本复制到剪贴板很可能不起作用。您不能只制造按键事件 - 这一限制的全部目的是需要一个真实的用户事件,而不是由代码制造的事件。
如果您感兴趣,这里有一个经过测试的函数,用于将文本复制到剪贴板这个答案 https://stackoverflow.com/questions/22581345/click-button-copy-to-clipboard-using-jquery/22581382#22581382。它与任何其他代码具有相同的限制 - 它必须从由真实用户事件调用的 Javascript 启动,并且它可以在现代版本的 Chrome、Firefox 和 IE 中运行,但不能在 Safari 中运行。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)