我正在尝试在网页上实现一个复制到剪贴板按钮。下面是我写的代码
function copyToClipboard(element) {
var $temp = $("<input>");
$("body").append($temp);
$temp.val($(element).text()).select();
document.execCommand("copy");
$temp.remove();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<p id="p1">Text1</p>
<p id="p2">Text2</p>
<button onclick="copyToClipboard('#p1')">Copy Text1</button>
<button onclick="copyToClipboard('#p2')">Copy Text2</button>
<br/><br/>
<input type="text" placeholder="Paste here for test" />
然而,这似乎在IE 9、11和Safari上不起作用。我可以在我的网页上使用任何更改/替代实现吗。
不确定Safari,但在IE上你可以做到:
window.clipboardData.setData('Text', 'text you want to copy goes here');
我希望它能有所帮助。干杯