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 撑出页面文字换行
Jun 15 Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
Jul 31 Javascript
不使用浏览器运行javascript代码的方法
Jul 24 Javascript
浏览器兼容的JS写法总结
Apr 27 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
Oct 11 Javascript
全面介绍vue 全家桶和项目实例
Dec 27 Javascript
使用selenium抓取淘宝的商品信息实例
Feb 06 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
Aug 29 Javascript
实现高性能javascript的注意事项
May 27 Javascript
layui递归实现动态左侧菜单
Jul 26 Javascript
功能完善的小程序日历组件的实现
Mar 31 Javascript
Vue Render函数创建DOM节点代码实例
Jul 08 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
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
smarty模板引擎之内建函数用法
2015/03/30 PHP
php中smarty模板条件判断用法实例
2015/06/11 PHP
Laravel 简单实现Ajax滚动加载示例
2019/10/22 PHP
“不能执行已释放的Script代码”错误的原因及解决办法
2007/09/09 Javascript
jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
2013/01/11 Javascript
JS实现选择TextArea内文本的方法
2015/08/03 Javascript
jQuery 实现评论等级好评差评特效
2016/05/06 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
2016/09/28 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
2016/12/23 Javascript
纯JS实现表单验证实例
2016/12/24 Javascript
Nodejs实现爬虫抓取数据实例解析
2018/07/05 NodeJs
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
2018/11/14 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
2019/05/20 Javascript
vue draggable resizable gorkys与v-chart使用与总结
2019/09/05 Javascript
原生js实现下拉选项卡
2019/11/27 Javascript
vue 接口请求地址前缀本地开发和线上开发设置方式
2020/08/13 Javascript
Python编程中的反模式实例分析
2014/12/08 Python
17个Python小技巧分享
2015/01/23 Python
使用Python脚本生成随机IP的简单方法
2015/07/30 Python
基于Django的ModelForm组件(详解)
2017/12/07 Python
python selenium UI自动化解决验证码的4种方法
2018/01/05 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
Python读取excel指定列生成指定sql脚本的方法
2018/11/28 Python
Python内存管理实例分析
2019/07/10 Python
python字典嵌套字典的情况下找到某个key的value详解
2019/07/10 Python
Python如何爬取qq音乐歌词到本地
2020/06/01 Python
Python Scrapy多页数据爬取实现过程解析
2020/06/12 Python
python mock测试的示例
2020/10/19 Python
HTML5中原生的右键菜单创建方法
2016/06/28 HTML / CSS
Carolina Lemke Berlin澳大利亚官网:时尚太阳镜品牌
2019/09/17 全球购物
英语专业大学生求职简历的自我评价
2013/10/18 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
人事文员岗位职责
2015/02/04 职场文书
求职自荐信怎么写
2015/03/04 职场文书