复制div上的内容

最近在做web前端的东西,所以看我最近的微博,可能前端东西总结的比较多。这篇文章主要针对一个点击视图复制文本的需求,我用div做的视图。下面上代码:

<div id="text" class="popup__bottom__text" onclick="tapCopy()">职人鲨</div>

//复制文本
function tapCopy() {
    selectText('text');
    document.execCommand('copy');
    alert('复制成功');
}

//选中文本
function selectText(element) {
    var text = document.getElementById(element);
    //做下兼容
    if (document.body.createTextRange) {  //如果支持
        var range = document.body.createTextRange(); //获取range
        range.moveToElementText(text); //光标移上去
        range.select();  //选择
    } else if (window.getSelection) {
        var selection = window.getSelection(); //获取selection
        var range = document.createRange(); //创建range
        range.selectNodeContents(text);  //选择节点内容
        selection.removeAllRanges(); //移除所有range
        selection.addRange(range);  //添加range
        /*if(selection.setBaseAndExtent){
         selection.setBaseAndExtent(text, 0, text, 1);
         }*/
    } else {
        alert("复制失败");
    }
}

猜你喜欢

转载自blog.csdn.net/oik_ios/article/details/79611463