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 相关文章推荐
Google Map API更新实现用户自定义标注坐标
Jul 29 Javascript
jQuery 类twitter的文本字数限制带提示效果插件
Apr 16 Javascript
JavaScript在多浏览器下for循环的使用方法
Nov 07 Javascript
在JavaScript中处理字符串之fontcolor()方法的使用
Jun 08 Javascript
js转html实体的方法
Sep 27 Javascript
JavaScript实现反转字符串的方法详解
Apr 27 Javascript
BootStrap 标题设置跨行无效的解决方法
Oct 25 Javascript
基于Bootstrap实现城市三级联动
Nov 23 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
浅谈Fetch 数据交互方式
Dec 20 Javascript
Vue 用Vant实现时间选择器的示例代码
Oct 25 Javascript
微信小程序定义和调用全局变量globalData的实现
Nov 01 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数组是否为空的代码
2011/09/08 PHP
php自动加载autoload机制示例分享
2014/02/20 PHP
开启PHP的伪静态模式
2015/12/31 PHP
Thinkphp整合微信支付功能
2016/12/14 PHP
javascript动态的改变IFrame的高度实现自动伸展
2013/10/12 Javascript
轻松创建nodejs服务器(7):阻塞操作的实现
2014/12/18 NodeJs
JSON 必知必会 观后记
2016/10/27 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
2017/04/14 jQuery
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
微信小程序 页面跳转事件绑定的实例详解
2017/09/20 Javascript
详解Chai.js断言库API中文文档
2018/01/31 Javascript
js实现每日签到功能
2018/11/29 Javascript
vue-cli3 热更新配置操作
2020/09/18 Javascript
[00:57]英雄,你的补给到了!
2020/11/13 DOTA
正确理解Python中if __name__ == '__main__'
2019/01/24 Python
元组列表字典(莫烦python基础)
2019/04/03 Python
详解Python3 对象组合zip()和回退方式*zip
2019/05/15 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
pytorch 准备、训练和测试自己的图片数据的方法
2020/01/10 Python
详解python破解zip文件密码的方法
2020/01/13 Python
如何用Matplotlib 画三维图的示例代码
2020/07/28 Python
python3跳出一个循环的实例操作
2020/08/18 Python
HTML5公共页面提取作为公用代码的方法
2020/06/30 HTML / CSS
Cult Gaia官网:美国生活方式品牌
2019/08/16 全球购物
斯洛伐克电子产品购物网站:DATART
2020/04/05 全球购物
表扬信格式
2014/01/12 职场文书
《在家里》教后反思
2014/03/01 职场文书
仓库主管岗位职责
2014/03/02 职场文书
领导班子个人查摆问题对照检查材料
2014/10/02 职场文书
2015年度优秀员工推荐信
2015/03/23 职场文书
2015年社区综治工作总结
2015/04/21 职场文书
法制教育观后感
2015/06/17 职场文书
PHP 技巧 * SVG 保存为图片(分享图生成)
2021/04/02 PHP
正确的理解和使用Django信号(Signals)
2021/04/14 Python
超详细教你怎么升级Mysql的版本
2021/05/19 MySQL
mysql数据库如何转移到oracle
2022/12/24 MySQL