岚岚天空

js实现点击按钮复制文本的功能

269 0
$('#copy').click(function () {
        var copyText = '要复制的文本'
        if (navigator.clipboard && window.isSecureContext) {
          navigator.clipboard.writeText('copyText').then(() => {
            alert("复制成功!")
          }).catch((error) => {
            alert("复制失败!请手动复制")
          })
        } else {
          var textArea = document.createElement("textarea");
          textArea.style.position = 'fixed'
          textArea.style.top = 0;
          textArea.style.left = 0;
          textArea.style.width = '2em'
          textArea.style.height = '2em'
          textArea.style.padding = 0;
          textArea.style.border = 'none'
          textArea.style.outline = 'none'
          textArea.style.boxShadow = 'none'
          textArea.style.background = 'transparent'
          textArea.value = copyText;
          document.body.appendChild(textArea);
          textArea.focus();
          textArea.select();
          try {
            var successful = document.execCommand('copy');
            var msg = successful ? '成功复制文本' : '复制文本失败'
            alert(msg);
          } catch (err) {
            alert('发生错误');
          }    
          document.body.removeChild(textArea);
        }
      });


本文标签: 复制

发表评论 (269人参与, 0 条评论)

评论列表

    快来评论,快来抢沙发吧~