js复制网页内容并兼容各主流浏览器的代码

因需要做一个js单击,复制当前网页url的功能。使用的是如下的方法，但是只能在ie浏览器下正常使用。

方法如下：


代码如下:

function copyURL(){
var clipBoardContent="";
clipBoardContent+=document.title;
clipBoardContent+="";
clipBoardContent+=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alert("复制成功，请粘贴到你的QQ/MSN上推荐给你的好友");
}

-------------------------分隔线---------------------------

在网上找到一个flash
zClip

zClip
zClip 插件可以兼容各种浏览器。

使用方法很简单，只需要导入一个js文件和一个swf文件即可。

使用方法如下

需先导入所需文件：


代码如下:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.zclip.js"></script>

$(document).ready(function(){
$('a#copy-description').zclip({
path:'js/ZeroClipboard.swf',
copy:$('p#description').text()
});

// The link with ID "copy-description" will copy
// the text of the paragraph with ID "description"

$('a#copy-dynamic').zclip({
path:'js/ZeroClipboard.swf',
copy:function(){return $('input#dynamic').val();}
});

// The link with ID "copy-dynamic" will copy the current value
// of a dynamically changing input with the ID "dynamic"

});

还有一些配置方法，详见官网：http://www.steamdev.com/zclip/
插件下载地址

赞 (0)

相关推荐

  • 用js将内容复制到剪贴板兼容浏览器

    若想通过js将内容复制到剪贴板,本来不难,可是若考虑到浏览器的兼容性问题,就变的有点麻烦,使用jquery-zclip复制是一个不错的选择,借助flash实现浏览器的兼容.原理就不细讲了,下面说下如何实现. 比如我的html代码如下: 复制代码 代码如下: <div class="buttonBox"> <code rel="1"><span id="id_1">要复制的内容1</span><

  • 点击进行复制的JS代码实例

    复制代码 代码如下: function copy_clip() {    var url = $("#back_info").html();     //需要复制的内容    var txt = url.substring(url.indexOf(":") + 1, url.length);    if (window.clipboardData) {        window.clipboardData.clearData();        window.cl

  • JS复制到剪贴板示例代码

    复制代码 代码如下: /* * 复制到剪贴板 * * */ function copyToClipboard(txt) { if(window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.setData("Text", txt); } else if(navigator.userAgent.indexOf("Opera") != -1) { window.locati

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

    本文实例讲述了js实现点击后将文字或图片复制到剪贴板的方法,代码非常简洁实用,具体功能代码如下所示: 实现复制文字代码: <table width="99%" border="0" cellpadding="0" cellspacing="0" class="firtable"> <tr> <th width="100%" style="color

  • js实现的复制兼容chrome和IE

    IE js代码: 复制代码 代码如下: <script type="text/javascript"> function copyUrl2() { var Url2=document.getElementById("biao1"); Url2.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 alert("已复制好,可贴粘."); } <

  • JS简单实现元素复制示例附图

    JS简单实现元素复制示例附图

    源代码: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312

  • JS将制定内容复制到剪切板示例代码

    复制代码 代码如下: function copyText() { //复制内容 var txt = document.getElementById("table2").rows[1].cells[0].innerHTML; //去除空格 txt = txt.replace(/ /," "); //去除换行 txt = txt.replace(/<BR><BR>/," "); if (window.clipboardData

  • JS+flash实现chrome和ie浏览器下同时可以复制粘贴

    利用2个文件 ZeroClipboard.js ZeroClipboard.swf 复制代码 代码如下: <script type="text/javascript" src="ZeroClipboard.js"></script> <script language="JavaScript"> var clip = null; function $(id) { return document.getElemen

  • JS将所有对象s的属性复制给对象r(原生js+jquery)

    原生写法: 复制代码 代码如下: /**   * 将所有 s 的属性复制给 r   * @param r {Object}   * @param s {Object}   * @param is_overwrite {Boolean} 如指定为 false ,则不覆盖已有的值,其它值   *   包括 undefined ,都表示 s 中的同名属性将覆盖 r 中的值   */  mix: function (r, s, is_overwrite) { //TODO:   if (!s || !r

  • 兼容所有浏览器的js复制插件Zero使用介绍

    这里需要三个插件,分别是: jquery.js ZeroClipboard.js ZeroClipboard.swf 祝你好运! 复制代码 代码如下: <meta charset="utf-8" /> <button id="d_clip_button" data-clipboard-target="fe_text" >点击复制</button> <input id="fe_text"

随机推荐