网页端如何实现js复制功能

最新推荐文章于 2022-12-30 22:15:00 发布

weixin_34268753

最新推荐文章于 2022-12-30 22:15:00 发布

阅读量279

点赞数

原文链接：https://juejin.im/post/5bf3b9485188251b8a26e504

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS实现复制Div(span)的内容到剪切板</title>
<script>

function execClick(){
    document.execCommand("copy");
}

function execCopy(event,thisDiv){
    
    if(window.clipboardData){
        window.clipboardData.setData("Text", thisDiv.textContent);
        alert(window.clipboardData.getData("Text"));
    }else{
        event.preventDefault();
        if (event.clipboardData) {
            event.clipboardData.setData("text/plain", thisDiv.textContent);
            alert(event.clipboardData.getData("text"));
        }
    }
}

function isIE(){
    var input = window.document.createElement ("input");
    //"!window.ActiveXObject" is evaluated to true in IE11
    if (window.ActiveXObject === undefined) return null;
    if (!window.XMLHttpRequest) return 6;
    if (!window.document.querySelector) return 7;
    if (!window.document.addEventListener) return 8;
    if (!window.atob) return 9;
    //"!window.document.body.dataset" is faster but the body is null when the DOM is not
    //ready. Anyway, an input tag needs to be created to check if IE is being
    //emulated
    if (!input.dataset) return 10;
    return 11;
}

</script>
</head>
<body>

<div id="thisDiv" onclick="execClick();" oncopy="execCopy(event,this);">这里是DIV的内容132</div>

</body>
</html>
复制代码

转载于:https://juejin.im/post/5bf3b9485188251b8a26e504

weixin_34268753

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页端如何实现js复制功能

<!DOCTYPE html><html><head><meta charset="utf-8"><title>JS实现复制Div(span)的内容到剪切板</title><script>function execClick(){ document.execCommand("copy");}...
复制链接

扫一扫