JS 原生实现 Safari 浏览器下的复制

原创于 2018-09-23 20:44:43 发布 · 2.7k 阅读

2 ·

CC 4.0 BY-SA版权

JQuery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript原生方法实现在Safari浏览器中复制文本的技术。通过创建一个隐藏的输入框，设置其值并调用document.execCommand('copy')来完成复制操作。这是一种在不依赖第三方库的情况下，解决Safari浏览器复制问题的有效方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS 原生实现 Safari 浏览器下的复制

var btn = document.querySelector('#btn');
btn.addEventListener('click',function(){
	var input = document.createElement('input');
    input.setAttribute('readonly', 'readonly');
    input.setAttribute('value', 'hello world');
    document.body.appendChild(input);
	input.setSelectionRange(0, 9999);
	if (document.execCommand('copy')) {
		document.execCommand('copy');
		console.log('复制成功');
	}
    document.body.removeChild(input);
});