js一键复制,支持换行

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/dingxiaowang2014/article/details/83215085
    /**
     * 复制到剪切板
     */
    function copyContent() {
      var name = '姓名:' + $('#name').text() + " \n";
      var detail = '详细地址:' + $('#detail').text() + " \n";
      var city = '城市:' + $('#city').text() + " \n";
      var postcode = '邮编:' + $('#postcode').text() + " \n";
      var country = '国家:United Kingdom' + " \n";
      var telephone = '电话:' + $('#telephone').text() + " \n";
      var content = name.concat(detail, city, postcode, country, telephone);

      // 使用textarea支持换行,使用input不支持换行
      const textarea = document.createElement('textarea');
      textarea.value = content;
      document.body.appendChild(textarea);

      textarea.select();
      if (document.execCommand('copy')) {
        document.execCommand('copy');
        alert(content);
      }
      document.body.removeChild(textarea);
    }

只有带输入框,才能使用复制功能,所以此处曲线救国。把需要复制的,放入自己创建的输入框中,然后再从中复制出来。

使用input无法换行,故选择textarea.

猜你喜欢

转载自blog.csdn.net/dingxiaowang2014/article/details/83215085
今日推荐