美文网首页
js实现复制粘贴功能

js实现复制粘贴功能

作者: 她与星河皆遗憾 | 来源:发表于2022-02-22 10:39 被阅读0次
// input与textarea可以直接使用这个方法。
let Url = document.getElementById("share_status1");
      Url.select();
      // 执行浏览器复制命令用户定义的代码区域用户定义的代码区域(只对可编辑区域有效果,如 input ,textarea 标签)
      document.execCommand("Copy");
// 这里是复制`<span></span>`中的代码,与直接复制input中的不一样,所以需要一个中转,不可以与input的那种一样
                let input = document.createElement('input');
                document.body.appendChild(input);
                let content = document.querySelector('#share_url').innerHTML;
                input.setAttribute('value', content);
                input.select();
                // #execCommand()这个方法,只对可编辑区域有效果,如 input ,textarea 标签,
                document.body.removeChild(input);

相关文章

网友评论

      本文标题:js实现复制粘贴功能

      本文链接:https://www.haomeiwen.com/subject/mlrnkrtx.html