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

341 阅读1分钟

<!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>