猿问

js如何实现带格式的将div内的内容复制到剪切板?



页面上的内容

尝试了一下ZeroClipboard做复制到剪切板,粘贴出来的内容是纯文本格式的。
如:
收货姓名:xxx手机号码:13333333333收货地址:河北省 保定市 市辖区 恒祥北大街

有没有什么方法可以像用鼠标在浏览器上选中复制那样,把文字的排列格式都能一同复制的?
如:
收货姓名:xxx
手机号码:13333333333
收货地址:河北省 保定市 市辖区 恒祥北大街

代码如下

<div id="test"></div>

<input type="submit" name="btn_copy" value="复制" id="btn_submit" />

<script type="text/javascript">

    var test='<ul>'+

        '<li>收货姓名:xxx</li>'+

        '<li>手机号码:13333333333</li>'+

        '<li>收货地址:河北省 保定市 市辖区 恒祥北大街</li></ul>';

    document.getElementById("test").innerHTML=test;


    var clip = new ZeroClipboard.Client();

    clip.setHandCursor(true);

    var text= document.getElementById('test').text;

    clip.setText(text);

    clip.glue("btn_submit");

</script>

人到中年有点甜
浏览 1196回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答