`

点击按钮实现文本的复制

    博客分类:
  • Html
阅读更多
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
	function copyToClipBoard(id){
       var clipBoardContent = document.getElementById(id).value;
       if(window.clipboardData){
              window.clipboardData.clearData();
              window.clipboardData.setData("Text", clipBoardContent);
       }else if (window.netscape){
              try{
                     netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
              }catch (e){
                     alert("您的当前浏览器设置已关闭此功能!请按以下步骤开启此功能!\n新开一个浏览器,在浏览器地址栏输入'about:config'并回车。\n然后找到'signed.applets.codebase_principal_support'项,双击后设置为'true'。\n声明:本功能不会危极您计算机或数据的安全!");
              }
              var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
              if (!clip) return;
              var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
              if (!trans) return;
              trans.addDataFlavor('text/unicode');
              var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
              var copytext = clipBoardContent;
              str.data = copytext;
              trans.setTransferData("text/unicode",str,copytext.length*2);
              var clipid = Components.interfaces.nsIClipboard;
              if (!clip) return false;
              clip.setData(trans,null,clipid.kGlobalClipboard);
       }
       alert("已成功复制!");
       return true;
}
</SCRIPT>
</head>
<body>
<input type="text"  id="code" onmouseover="this.select();" value='www.baidu.com' size="20" />
<input type="button" value="复制" onClick="copyToClipBoard('code');" />
<br/>
</body>
</html>
分享到:
评论

相关推荐

    Vue实现点击复制内容

    3. **复制到剪贴板**:在JavaScript中,我们可以利用`document.execCommand('copy')`来实现文本复制,但这个API已经废弃。更现代的方法是使用`navigator.clipboard.writeText()` API,它需要配合`async/await`来处理...

    点击按钮复制功能

    在这个场景中,JS是实现按钮点击事件和文本复制的关键。 1. **事件监听**:在JavaScript中,我们可以使用`addEventListener`方法来监听按钮的点击事件。例如,对于一个ID为"copyButton"的按钮,可以这样设置: ```...

    Vue实现点击按钮复制文本内容的例子

    今天小编就为大家分享一篇Vue实现点击按钮复制文本内容的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    jQuery复制按钮复制指定文本

    这个功能允许用户通过点击一个按钮,轻松地将页面上的特定文本复制到剪贴板,提高了用户体验。接下来,我们将深入探讨如何使用jQuery实现这个功能。 首先,我们需要引入jQuery库。在HTML文件的`&lt;head&gt;`部分,添加...

    JS实现移动端点击按钮复制文本内容

    本篇文章将深入探讨如何使用JavaScript实现移动端点击按钮复制文本内容的功能。首先,我们来分析提供的代码片段。 ```html 邀请码 &lt;!-- &lt;p id="inviteCode" class="inviteCode"&gt;{{invite_code}}&lt;/p&gt; --&gt; 复制...

    VB.NET中实现文本的复制粘贴(调用剪贴板)

    综上所述,VB.NET中实现文本复制粘贴主要依赖于System.Windows.Forms命名空间下的Clipboard类。通过正确使用它的各种方法,开发者可以方便地实现在应用程序中复制和粘贴文本的功能,同时还能与其他应用程序进行数据...

    JS点击复制剪贴板鼠标点击文字弹出复制链接按钮

    因此,我们可以在复制按钮的点击事件处理函数中,先检查权限,然后调用`writeText()`,将链接文本复制到剪贴板。 最后,考虑到兼容性和性能,我们还需要处理旧版浏览器的支持问题。对于不支持`navigator.clipboard`...

    C#实现按钮复制,增加,子按钮可以拖动VS2017

    本文将详细讲解如何使用C#在Visual Studio 2017环境下实现按钮的复制、增加以及子按钮的拖动功能,这对于初学者来说是一个很好的实践项目。 首先,我们需要创建一个新的Windows Forms应用程序项目。打开Visual ...

    js实现点击按钮复制文本功能

    最近遇到一个需求,需要点击按钮,复制 &lt;p&gt; 标签中的文本到剪切板 之前做过复制输入框的内容,原以为差不多,结果发现根本行不通 尝试了各种办法,最后使了个障眼法,实现了下面的效果 一、原理分析 浏览器提供了 ...

    JavaScript实现点击按钮复制指定区域文本(推荐)

    最后,通过调用`document.execCommand()`方法,我们可以执行一些内置的命令,其中`'copy'`命令用于将当前选区的文本复制到剪贴板: ```javascript document.execCommand('copy'); ``` 为了测试这个功能,我们可以...

    两种复制按钮实现复制功能

    现在,当用户点击按钮时,`clipboard.js`会自动处理复制操作,无需额外的事件监听器。 值得注意的是,这两种方法都涉及到用户交互,即必须在用户的点击事件中执行复制操作,因为出于安全考虑,浏览器不允许非用户...

    js实现点击后将文字或图片复制到剪贴板的方法

    本文将介绍如何利用JavaScript实现点击按钮后,将页面中的文字或图片复制到用户剪贴板中。 首先,需要了解的是,复制到剪贴板的操作通常是敏感操作,出于安全考虑,浏览器对这一行为进行了限制。在不同的浏览器中,...

    纯js实现复制文本并提示复制成功(干货)

    只需引入相应的JS文件,并设置好要复制的文本元素和触发复制操作的按钮,即可实现文本复制功能。 总之,JavaScript的`Clipboard API`提供了一种安全且便捷的方式来实现文本复制,结合适当的用户反馈,可以极大地...

    JS文本复制JS文本复制

    在JavaScript中实现文本复制主要涉及Web API中的`Clipboard API`,但需要注意的是,出于安全和隐私考虑,浏览器对这一API的使用有严格的限制。通常,你需要通过`navigator.clipboard.writeText()`方法来写入文本到...

    TextBoxTest文本复制

    在IT领域,文本复制是日常操作中非常常见的一项功能,特别是在各种用户界面和应用程序中。TextBoxTest是一个典型的示例,它展示了如何实现这一功能。在这个项目中,用户可以从一个文本框选择文本,然后通过点击...

    js插件clipboard实现复制文本的功能

    JavaScript 插件 Clipboard API 是一个强大的工具,它允许前端开发者轻松地实现在网页上复制文本的功能。这个功能在现代Web应用中非常常见,比如在代码示例网站、论坛或者任何需要用户快速复制信息的地方。Clipboard...

Global site tag (gtag.js) - Google Analytics