Js复制到剪切板

weixin_40790248

于 2024-11-13 15:24:53 发布

阅读量140

点赞数 2

文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/weixin_40790248/article/details/143744279

版权

if (window.isSecureContext) { 
// 是否在安全域下，navigator.clipboard.writeText仅支持在安全域下
    navigator.clipboard.writeText(url).then(
      (res) => {
    //提示复制成功
      },
      (err) => {
        console.log("🚀 ~ navigator.clipboard.writeText ~ err:", err);
      }
    );
  } else {
    copyStr(url);
    //提示复制成功
  }



export function copyStr(str: string) {
  const input = document.createElement('input');
  input.style.position = 'absolute';
  input.style.opacity = '0';
  input.value = str;
  document.body.appendChild(input);
  input.select();
  document.execCommand('copy');
  input.remove();
  return true;
}