zl程序教程

您现在的位置是:首页 >  Java

当前栏目

web如何实现copy文字内容到剪切板

2023-02-18 16:43:14 时间
 const copyToClipboard = (content: any) => {

    const el = document.createElement('textarea');

    el.value = content;

    document.body.appendChild(el);

    el.select();

    document.execCommand('copy');

    document.body.removeChild(el);

};

/*
如果是输入框,可以通过 select() 方法,选中输入框的文本,然后调用  copy 命令,将文本复制到剪切板

但是 select() 方法只对 <input> 和 <textarea> 有效,对于 <p> 就不好使

最后我的解决方案是,在页面中添加一个 <textarea>,然后把它隐藏掉

点击按钮的时候,先把 <textarea> 的 value 改为 <p> 的 innerText,然后复制 <textarea> 中的内容

*/