美文网首页
js将标签内容复制到剪贴板

js将标签内容复制到剪贴板

作者: 星球小霸王 | 来源:发表于2018-04-27 10:46 被阅读0次
1.好多时候可能会用到复制的功能,对于非textarea的标签复制其中的内容,整理如下
 /*点击复制的时候*/
 <div id='box'>123</box>

    $(".copy").on("click",function(){
        var text = document.getElementById('box');
        if (document.body.createTextRange) {
            var range = document.body.createTextRange();
            range.moveToElementText(text);
            range.select();
        } else if (window.getSelection) {
            var selection = window.getSelection();
            var range = document.createRange();
            range.selectNodeContents(text);
            selection.removeAllRanges();
            selection.addRange(range);
        }
        document.execCommand('Copy');
    })

然后div内的内容就会被复制到剪贴板方便使用了;

2.对于文本框textarea就简单了
<textarea id='area'></textarea>


var text = document.getElementById('area');
 text.select();
 document.execCommand('copy');

相关文章

网友评论

      本文标题:js将标签内容复制到剪贴板

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