您的位置:首页 > Web前端 > JavaScript

js复制内容到剪切板

2016-09-21 09:51 351 查看
本来js是不允许访问剪切板的,某位大神想出来通过flah的桥梁访问:

html:

<input type="tel" id="testid" />

    <input id="inputTest" type="button" value="测试" onclick="copy_code()" />

js:

    <script type="text/javascript">

        function copy_code() {

            var copyText = $("#testid").val();

        if (window.clipboardData) {

            window.clipboardData.setData("Text", copyText)

        }

        else {

            var flashcopier = 'flashcopier';

            if (!document.getElementById(flashcopier)) {

                var divholder = document.createElement('div');

                divholder.id = flashcopier;

                document.body.appendChild(divholder);

            }

            document.getElementById(flashcopier).innerHTML = '';

           //这里改成这个flash所在的路径

            var divinfo = '<embed src="_clipboard.swf" FlashVars="clipboard=' + encodeURIComponent(copyText) + '" width="0" height="0" type="application/x-shockwave-flash"></embed>';

            document.getElementById(flashcopier).innerHTML = divinfo;

        }

        alert('copy成功!');

    }

    </script>

_clipboard.swf下载地址:
http://download.csdn.net/detail/qq_26359789/9635544
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: