`
Franciswmf
  • 浏览: 800333 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

js复制链接到剪贴板

 
阅读更多
第一种方式:(不兼容chrome,ie可以)
引用:http://bibo531651225.iteye.com/blog/1753160
  <script>
  //复制链接
    function copyToClipboard() {  
    		var txt = $("#aflink").val();
    	     if(window.clipboardData) {   
    	             window.clipboardData.clearData();   
    	             window.clipboardData.setData("Text", txt);   
    	     } else if(navigator.userAgent.indexOf("Opera") != -1) {   
    	          window.location = txt;   
    	     } else if (window.netscape) {   
    	          try {   
    	               netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");   
    	          } catch (e) {   
    	               alert("您的浏览器设置不允许快捷拷贝,请直接复制页面里的链接");      
    	          }   
    	          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 = new Object();   
    	          var len = new Object();   
    	          var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);   
    	          var copytext = txt;   
    	          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("复制成功!")   
    	     }   
    	}

    </script>
=======================
<input type="hidden" name="aflink" id="aflink" value="http://localhost:7001/OAForum/TopicServlet?doaction=findById&id=${topicBean.to.id}&isfront=true"/>
========================
 <a href="javascript:copyToClipboard();"><font color="yellow">复制链接</font></a>




第二种方式:(兼容ie\chrome)
//js,swf见附件

    <script type="text/javascript" src="<%=path %>/scripts/public/copylink/ZeroClipboard.js">
</script>

<script type="text/javascript">
var clip = null;
var clipBoardContent=this.location.href;
ZeroClipboard.setMoviePath("<%=path %>/scripts/public/copylink/ZeroClipboard.swf");
$(document).ready(function(){
clip = new ZeroClipboard.Client(); 
clip.setHandCursor(true); 
clip.setText(clipBoardContent); //link
clip.glue("copy-button");
clip.addEventListener("complete", function(){
alert("代码已复制到剪贴板!");
});
});
</script>

<input type="button" value="复制链接" id="copy-button" />
  
分享到:
评论

相关推荐

    js控制剪切板复制链接demo

    使用js控制剪切板的4种方式的demo。点击按钮后,自动复制浏览器地址链接的、复制输入框内的值到剪切板。

    javascript复制到剪切板

    console.log('文本已复制到剪贴板'); } catch (err) { console.error('复制失败:', err); } } // 使用示例 const textToCopy = '这是要复制的文本'; copyToClipboard(textToCopy); ``` 这里使用了异步函数,...

    jquery 一键复制指定内容到剪贴板

    "jquery 一键复制指定内容到剪贴板"是jQuery的一个常见应用,用于实现用户点击按钮后快速将特定文本复制到剪贴板的功能。这个功能在现代Web应用中广泛使用,比如复制代码示例、URL链接或任何其他需要快速共享的信息...

    详解微信小程序之一键复制到剪切板

    这个功能可以让用户直接将小程序中的某些信息复制到手机或电脑的剪切板上,比如复制文本、链接等信息。本文将详细介绍微信小程序中实现一键复制到剪切板的方法,并通过示例代码进行说明。 微信小程序提供了一个API ...

    Clipboardjs实现复制文本到剪贴板功能的JavaScript插件

    标题提到的"Clipboardjs"是一款专为JavaScript设计的轻量级插件,用于实现复制文本到剪贴板的功能。在Web开发中,复制文本到剪贴板的操作经常被用于用户友好的交互,例如复制代码示例、链接或者用户名等。传统的实现...

    使用clipboard.js实现页面内容复制到剪贴板

    在网页开发中,有时我们需要为用户提供一键复制的功能,比如复制文本、链接或其他数据到剪贴板,以便用户方便地在不同地方使用。Clipboard.js是一个轻量级、无依赖的JavaScript库,专门用于实现这个功能。它使得在...

    使用clipboard实现复制链接到剪切板源代码

    总结起来,使用JavaScript的`clipboard`API可以方便地实现在网页中复制链接到剪贴板的功能,提高用户体验。通过监听事件、调用`navigator.clipboard.writeText()`以及处理可能的错误,我们可以优雅地实现这个功能,...

    实现复制到剪贴板功能

    在JavaScript的世界里,复制文本到剪贴板的功能是常见的需求,尤其在网页应用中,比如复制链接、代码或用户信息等。"zclip"是一个专门为此目的设计的jQuery插件,它能帮助开发者轻松实现这一功能,并且具有良好的...

    js实现的复制内容到剪贴板

    在JavaScript中实现复制内容到剪贴板的功能是一项常见的需求,特别是在网页交互和富文本编辑器中。这个功能可以让用户方便地复制文本或者数据,而无需借助浏览器的右键菜单或键盘快捷键。以下是对这个话题的详细讲解...

    复制剪贴板功能

    当用户在某个地方选择并复制内容后,这些内容会被暂存到系统剪贴板中,随后可以在其他位置进行粘贴。在大多数情况下,剪贴板的操作是透明的,用户只需通过快捷键(例如Ctrl+C进行复制,Ctrl+V进行粘贴)或右键菜单中...

    js 复制到剪贴板 ,兼容支持火狐firefox 和 ie

    标题 "js 复制到剪贴板 ,兼容支持火狐firefox 和 ie" 涉及的是JavaScript编程中实现文本复制到系统剪贴板的功能,并且这个功能需要在Firefox和IE浏览器上都能正常工作。在Web开发中,允许用户将特定内容复制到剪贴板...

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

    在JavaScript(JS)中,实现点击文字后弹出复制链接按钮的功能涉及到多个技术点,包括事件监听、DOM操作以及浏览器的剪贴板API。以下是对这些知识点的详细讲解: 1. **事件监听**: 在JavaScript中,我们可以使用`...

    ZeroClipboard-JS实现复制到剪贴板功能

    在JavaScript开发中,有时我们需要为用户提供一键复制到剪贴板的功能,这在现代网页应用中很常见,例如复制代码块、链接或者用户ID等。ZeroClipboard是一个流行的JavaScript库,它利用浏览器的Flash插件来实现跨...

    jquery.zclip-JS实现复制到剪贴板功能

    在现代网页开发中,有时候我们需要为用户提供方便快捷地复制文本到剪贴板的功能,比如复制代码、链接等。这时,我们可以利用JavaScript库来实现这一需求,其中jQuery.zclip是一个常用的解决方案。本文将详细介绍如何...

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

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

    react-一个简单而灵活的React实用程序组件用于将文本复制到剪贴板

    在React开发中,有时我们需要为用户提供一种方便的方式来复制文本到剪贴板,这可以提高用户体验。"react-一个简单而灵活的React实用程序组件用于将文本复制到剪贴板"正是这样一个解决方案,它允许开发者轻松地集成这...

    js复制到剪切板插件

    在JavaScript(JS)开发中,有时我们需要实现一个功能,让用户能够方便地将文本内容复制到剪贴板。这种需求在现代网页应用中很常见,比如代码示例的复制、密码复制等。标题提到的“js复制到剪切板插件”就是解决这类...

    JS复制到剪切板插件(兼容主流浏览器,无需falsh)

    标题提到的"JS复制到剪切板插件"正是针对这一需求而设计的,它实现了在不依赖Flash的情况下,兼容主流浏览器的文本复制功能。 这个插件的核心在于利用了HTML5的`Clipboard API`,这是一个现代浏览器普遍支持的API,...

    JavaScript实现复制或剪切内容到剪贴板功能的方法

    项目中需要实现一个点击按钮复制链接的功能,网上看到的几款插件,ZeroClipboard是通过flash实现的复制功能,随着越来越多的提议废除flash,能不能通过JS来实现复制剪切呢,今天分享一个兼容IE7浏览器复制的插件给...

Global site tag (gtag.js) - Google Analytics