怎样获取div内的HTML代码并将其复制到剪贴板

怎样获取div内的HTML代码并将其复制到剪贴板,第1张

可以通过jquery的一个复制插件zclip来实现,因为它的兼容性非常好。

引入JS文件

<script src="jquery.min.js"></script> 

<script src="jquery.zclip.min.js"></script>

html代码

<div style="margin:200px autowidth:300px">

<input type="text" value="输入框中的内容" id="link"> 

<a id="copyBtn" href="javascript:">复制链接</a> 

<div id="div_body">

    <span style="color:red">这里是div中的html内容</span>

</div>

<a id="copyDiv" href="javascript:">复制链接</a> 

</div>

JS代码:

<script>

    $('#copyBtn').zclip({

        path: "ZeroClipboard.swf",

        copy: function(){

            return $('#link').val()

  }

    })

    $('#copyDiv').zclip({ 

        path: "ZeroClipboard.swf", 

        copy: function(){ 

            return $('#div_body').html() 

        },

        afterCopy: function () {

            alert("已成功复制!")

        }

    }) 

</script>

关于zclip详细使用可以百度!

1. 第1种方法最简单:

前台给div加上一个id和runat:

<div id="div1" runat="server">

    <img src="1.jpg"/>这里是文字<img src="2.jpg"/>这里是文字

</div>

后台直接这样获取:

string a = div1.InnerHtml

2. 第2种方法复杂点:

通过js获取到div的内容,然后用ajax把内容传递给后台页面,然后在后台处理,你可以在网上搜一下Ajax .net,不太难。

你先用第1种吧。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/8341881.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-15
下一篇2023-04-15

发表评论

登录后才能评论

评论列表(0条)

    保存