js复制网页内容并兼容各主流浏览器的代码
更新时间：2013年12月17日 15:26:59 作者：
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/
插件下载地址
方法如下：
复制代码 代码如下:
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/
插件下载地址
您可能感兴趣的文章:
- JavaScript实现一键复制文本功能的示例代码
- Web js实现复制文本到粘贴板
- 使用js实现复制功能
- 使用 JS 复制页面内容的三种方案
- JavaScript实现一键复制内容剪贴板
- js复制文本到粘贴板(Clipboard.writeText())
- JS实现一键复制
- Vue中使用highlight.js实现代码高亮显示以及点击复制
- js实现复制粘贴的两种方法
- JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
- JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
- js实现点击复制当前文本到剪贴板功能（兼容所有浏览器）
- 简单实现兼容各大浏览器的js复制内容到剪切板
- JavaScript 实现完美兼容多浏览器的复制功能代码
- 兼容主流浏览器的JS复制内容到剪贴板
- js实现的复制兼容chrome和IE
- 兼容所有浏览器的js复制插件Zero使用介绍
- 用js将内容复制到剪贴板兼容浏览器
- JS复制内容到剪切板的实例代码(兼容IE与火狐)
- JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
- 多浏览器兼容性比较好的复制到剪贴板的js代码
- GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
- 兼容IE与Firefox的js 复制代码
- JavaScript 复制功能代码 兼容多浏览器
- 至2023年最好用的兼容多浏览器的原生js复制函数copyText
相关文章
JavaScript style对象与CurrentStyle对象案例详解
这篇文章主要介绍了JavaScript style对象与CurrentStyle对象案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
本文给大家分享的是一则使用javascript完美实现兼容各大浏览器的@好友自动提示的特效，是根据百度贴吧的效果模仿来的，推荐给小伙伴们，希望大家能够喜欢。2015-03-03
通过键盘上的上下键可以选择表格行的实现效果代码。思路不错，需要的朋友可以参考下。2009-12-12
这篇文章主要介绍了JavaScript哪些场景不能使用箭头函数，帮助大家更好的理解和学习使用JavaScript，感兴趣的朋友可以了解下2021-04-04
JavaScript中常见陷阱，都是一些实际应用中，需要注意的地方，需要的朋友可以参考下。2010-04-04
这篇文章主要为大家详细介绍了微信小程序实现时间戳格式转换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
这篇文章给大家介绍了关于javascript常用关键字的相关内容，文中介绍的非常详细，并且通过一个实例代码给大家介绍了关于Javascript关键字的重要性，需要的朋友们下面随着小编来一起学习学习学习吧2007-12-12
这篇文章主要介绍了javascript设计简单的秒表计时器，该秒表将包括两个按钮和一个用于显示时间的文本框，当单击开始按钮时开始计时，最小单位为0.01秒，此时再次单击按钮则停止计时，文本框显示经过的时间，需要的朋友可以参考下2015-11-11
这篇文章主要为大家详细介绍了javascript实现移动的模态框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要介绍了微信小程序实现简单文字跑马灯，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
最新评论