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 相关文章推荐
function, new function, new Function之间的区别
Mar 08 Javascript
JS连连看源码完美注释版(推荐)
Dec 09 Javascript
深入探讨前端框架react
Dec 09 Javascript
JS中的forEach、$.each、map方法推荐
Apr 05 Javascript
基于AngularJS前端云组件最佳实践
Oct 20 Javascript
Vue中添加手机验证码组件功能操作方法
Dec 07 Javascript
使用typescript开发angular模块并发布npm包
Apr 19 Javascript
解决Layui数据表格中checkbox位置不居中的方法
Aug 15 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
Sep 19 Javascript
vue实现添加与删除图书功能
Oct 07 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 Javascript
ant-design-vue按需加载的坑的解决
May 14 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 表单提交及处理表单数据详解及实例
2016/12/27 PHP
PHP实现基于状态的责任链审批模式详解
2019/05/31 PHP
PHP获取类私有属性的3种方法
2020/09/10 PHP
Mootools 1.2教程 排序类和方法简介
2009/09/15 Javascript
理解Javascript_02_理解undefined和null
2010/10/11 Javascript
改善用户体验的五款jQuery插件分享
2011/05/22 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
2014/01/31 Javascript
js动态添加onclick事件可传参数与不传参数
2014/07/29 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
在JavaScript应用中使用RequireJS来实现延迟加载
2015/07/01 Javascript
轻松学习Javascript闭包函数
2015/12/15 Javascript
javascript鼠标右键菜单自定义效果
2020/12/08 Javascript
js利用clipboardData实现截屏粘贴功能
2016/10/12 Javascript
vue.js利用Object.defineProperty实现双向绑定
2017/03/09 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
2017/05/17 Javascript
BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)
2017/07/11 Javascript
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
VUE 实现滚动监听 导航栏置顶的方法
2018/09/11 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
解决vue项目本地启动时无法携带cookie的问题
2021/02/06 Vue.js
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
Python爬取网易云音乐上评论火爆的歌曲
2017/01/19 Python
机器学习10大经典算法详解
2017/12/07 Python
Python callable()函数用法实例分析
2018/03/17 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
Pytorch 多块GPU的使用详解
2019/12/31 Python
python算的上脚本语言吗
2020/06/22 Python
Python安装第三方库攻略(pip和Anaconda)
2020/10/15 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
高清屏中使用Canvas绘图出现模糊的问题及解决方法
2019/06/03 HTML / CSS
Carter’s官方旗舰店:美国受欢迎的婴童服装品牌
2018/01/21 全球购物
自荐信的禁忌和要点
2013/10/15 职场文书
一定要知道的 25 个 Vue 技巧
2021/11/02 Vue.js
CSS3实现指纹特效代码
2022/03/17 HTML / CSS
MySQL Server 层四个日志
2022/03/31 MySQL