js点击按钮复制内容 navigator.clipboard(内容中带a标签)

document.execCommand 已被废弃,不再要求浏览器支持
所以下面写了两种写法

function copyMsg() {
	const username = 'username'
	const password = 'password'
	const msg = `
	  网址:<a href="${ location.origin }">${ location.origin }</a>/<br />
	  登录名:${ username }<br />
	  密码:${ password }
	`
	try {
	  // 传统 document.execCommand 方法 MDN 已废弃
	  const save = function(e) {
	    e.clipboardData.setData('text/html', msg)
	    e.preventDefault()
	  }
	  document.addEventListener('copy', save, { once: true })
	  document.execCommand('copy')
	} catch(e) {
	  // 新标准 注意此处是异步的
	  const item = new window.ClipboardItem({
	    "text/html": new Blob([msg], { type: "text/html" })
	  });
	  navigator.clipboard.write([item]).then(function() {
	    console.log('Async: Copying to clipboard was successful!');
	  }, function(err) {
	    console.error('Async: Could not copy text: ', err);
	  });
	}
}

copyMsg()
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值