asp.net - 使用 Javascript 从标签复制文本

Question

Label1(asp.net 控件)位于我网页的 Panel1 内，我有一个名为 bt 的按钮。将文本从 Label1 复制到剪贴板的 Javascript 是什么？

@artlung，我将下面的代码放在我的表单之外但在主体内。我放置在表单 Panel1 中的最后一行代码。此代码有任何问题，因为当我单击“复制到剪贴板”按钮时没有任何反应。

<script language="JavaScript"> 
                    var clip = new ZeroClipboard.Client(); 
                    clip.addEventListener( 'mouseDown', function(client) {  
                            // set text to copy here 
                            clip.setText( document.getElementById('form1.Label1').value ); 

                            // alert("mouse down");  
                    } ); 

                    clip.glue( 'd_clip_button' ); 
            </script> 

下一行代码在脚本标签之上，但在我的表单中的 Panel1 内

<div id="d_clip_button">Copy To Clipboard</div>

Answer 1

我是用 javascript 实现的。我意识到 javascript 正在将标签从 Label1 重命名为 MainContent_Label1。然后我也通过调试看到我要从变量中抓取的是 innerText 属性。问题解决了!

我还对空字符串进行了功能测试，然后在用户成功复制到剪贴板或标签为空且没有任何内容可复制时向用户返回确认警报。这都是客户端。

    <asp:Label ID="Label1" runat="server" Text="Copy This!!!"></asp:Label>

  <script type="text/javascript">
      function ClipBoardTest() {
          var txt = document.getElementById('MainContent_Label1');
          window.clipboardData.setData("Text", txt.innerText);
          if(!txt){
              alert("Nothing to Copy");
              }
          else {
              alert("Copy to ClipBoard Successful!");
              }
      } 
    </script> 

    <input type="button" id='bt' onclick="ClipBoardTest();" value="Copy" />