JS实现复制div(span)的内容到剪切板

最新推荐文章于 2022-04-28 10:33:30 发布

yycvip

最新推荐文章于 2022-04-28 10:33:30 发布

阅读量846

点赞数

文章标签： JavaScript 剪切板复制 Div内容事件处理

原文链接：https://blog.youkuaiyun.com/qq1332479771/article/details/78007905

版权

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

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

function execCopy(event,thisDiv){
    if(isIE()){
        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的内容</div>

</body>
</html>

代码直接复制别人的