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


Posted in Javascript onDecember 17, 2013

因需要做一个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/
插件下载地址
Javascript 相关文章推荐
javascript中字符串拼接需注意的问题
Jul 13 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
May 10 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
Aug 06 Javascript
JS中完美兼容各大浏览器的scrolltop方法
Apr 17 Javascript
关于iframe跨域POST提交的方法示例
Jan 15 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
Jun 12 Javascript
webpack学习教程之前端性能优化总结
Dec 05 Javascript
Angular4.0中引入laydate.js日期插件的方法教程
Dec 25 Javascript
vue 动态修改a标签的样式的方法
Jan 18 Javascript
three.js 入门案例详解
Jan 23 Javascript
javascript设计模式 ? 策略模式原理与用法实例分析
Apr 21 Javascript
探索node之事件循环的实现
Oct 30 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
Dec 17 #Javascript
jquery简单实现鼠标经过导航条改变背景图
Dec 17 #Javascript
javascript确认框的三种使用方法
Dec 17 #Javascript
js 剪切板应用clipboardData详细解析
Dec 17 #Javascript
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
Dec 17 #Javascript
JavaScript禁止页面操作的示例代码
Dec 17 #Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 #Javascript
You might like
解决控件遮挡问题:关于有窗口元素和无窗口元素
2007/01/28 PHP
php 数组动态添加实现代码(最土团购系统的价格排序)
2011/12/30 PHP
比较strtr, str_replace和preg_replace三个函数的效率
2013/06/26 PHP
php 创建以UNIX时间戳命名的文件夹(示例代码)
2014/03/08 PHP
php像数组一样存取和修改字符串字符
2014/03/21 PHP
在WordPress中使用wp_count_posts函数来统计文章数量
2016/01/05 PHP
Centos7 Yum安装PHP7.2流程教程详解
2019/07/02 PHP
基于jQuery的Tab选项框效果代码(插件)
2011/03/01 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
2014/09/21 Javascript
在JavaScript的正则表达式中使用exec()方法
2015/06/16 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
老生常谈JavaScript中的this关键字
2016/10/01 Javascript
微信小程序 获取微信OpenId详解及实例代码
2016/10/31 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
Ionic2开发环境搭建教程
2020/08/20 Javascript
详解Node全局变量global模块
2017/09/28 Javascript
详解Vue CLI3配置解析之css.extract
2018/09/14 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
js DOM的事件常见操作实例详解
2019/12/16 Javascript
python修改操作系统时间的方法
2015/05/18 Python
浅谈python 四种数值类型(int,long,float,complex)
2016/06/08 Python
Python之父谈Python的未来形式
2016/07/01 Python
Python实现将数据库一键导出为Excel表格的实例
2016/12/30 Python
python隐藏终端执行cmd命令的方法
2019/06/24 Python
基于python实现的百度音乐下载器python pyqt改进版(附代码)
2019/08/05 Python
利用Python校准本地时间的方法教程
2019/10/31 Python
python时间与Unix时间戳相互转换方法详解
2020/02/13 Python
python 8种必备的gui库
2020/08/27 Python
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
Derek Rose官网:英国高档睡衣、家居服和内衣品牌
2020/01/18 全球购物
外贸采购员岗位职责
2014/03/08 职场文书
表彰大会主持词
2014/03/26 职场文书
大学优秀班主任事迹材料
2014/05/02 职场文书
博士生求职信
2014/07/06 职场文书
运动会通讯稿200字
2015/07/20 职场文书