js复制当前url地址解决浏览器兼容
2013-08-28 17:08
411 查看
1.网上搜索的js复制链接代码,好像只能支持ie浏览器,其他浏览器不支持,
案例:
var url=12;
if(window.clipboardData){
window.clipboardData.setData("Text",url);
art.dialog.tips("复制成功!",3);
}else{
art.dialog.alert('只支持ie浏览器!', function () {});
}
2. ZeroClipboard能解决浏览器不兼容的问题
先从网上下载ZeroClipboard压缩包,解压后把文件夹中两个文件:ZeroClipboard.js 和 ZeroClipboard.swf 放入到你的项目中。
在复制页面引入ZeroClipboard.js文件。
html页面简化代码
<script type="text/javascript" language="javascript" src="../js/zeroclipboard/ZeroClipboard.js"></script>
//引入js文件
<input type="button" value="链接" id="copy_url" onclick="copy();" onmouseover="copy();">
//onmouseover 事件是为了解决页面上需要点击两次才能复制的问题 加上之后,点击一次就复制成功了
// id 是ZeroClipboard.js获取值的时候需要通过id来
js代码
function copy(){
var url=this.location.href;
// this.location.href 获取当前url地址
var clip = new ZeroClipboard.Client(); //实例化对象
ZeroClipboard.setMoviePath("../js/zeroclipboard/ZeroClipboard.swf"); //引用swf文件
//clip.setHandCursor( true ); //将光标变成手型
clip.setText(url); //复制url参数
clip.addEventListener('complete', function (client, text) { //复制成功执行的操作
art.dialog.tips("复制成功!",3);
});
clip.glue("copy_url"); // 标签的id 这里不一定必须是button按钮
}
案例:
var url=12;
if(window.clipboardData){
window.clipboardData.setData("Text",url);
art.dialog.tips("复制成功!",3);
}else{
art.dialog.alert('只支持ie浏览器!', function () {});
}
2. ZeroClipboard能解决浏览器不兼容的问题
先从网上下载ZeroClipboard压缩包,解压后把文件夹中两个文件:ZeroClipboard.js 和 ZeroClipboard.swf 放入到你的项目中。
在复制页面引入ZeroClipboard.js文件。
html页面简化代码
<script type="text/javascript" language="javascript" src="../js/zeroclipboard/ZeroClipboard.js"></script>
//引入js文件
<input type="button" value="链接" id="copy_url" onclick="copy();" onmouseover="copy();">
//onmouseover 事件是为了解决页面上需要点击两次才能复制的问题 加上之后,点击一次就复制成功了
// id 是ZeroClipboard.js获取值的时候需要通过id来
js代码
function copy(){
var url=this.location.href;
// this.location.href 获取当前url地址
var clip = new ZeroClipboard.Client(); //实例化对象
ZeroClipboard.setMoviePath("../js/zeroclipboard/ZeroClipboard.swf"); //引用swf文件
//clip.setHandCursor( true ); //将光标变成手型
clip.setText(url); //复制url参数
clip.addEventListener('complete', function (client, text) { //复制成功执行的操作
art.dialog.tips("复制成功!",3);
});
clip.glue("copy_url"); // 标签的id 这里不一定必须是button按钮
}
相关文章推荐
- js复制当前url地址解决浏览器兼容
- js复制当前url地址解决浏览器兼容
- js实现点击复制当前文本到剪贴板功能(兼容所有浏览器)
- js实现点击复制当前文本到剪贴板功能(兼容所有浏览器)
- js兼容多浏览器的复制链接地址
- 怎么通过js,修改当前浏览器地址栏的地址,并发起这个http的url请求
- 网页防复制,禁止文字选中,禁止右键菜单js代码,兼容大部分浏览器方法
- js复制网页内容并兼容各主流浏览器的代码
- js 复制网页内容,兼容各浏览器
- js判断是否在iframe中;解决F5刷新浏览器时,iframe都会变成默认页面,而不是当前页面
- JS 得当前地址url参数
- 解析js如何获取当前url中的参数值并复制给input
- 解决Js解析xml浏览器不兼容问题及省市区三级联动实现
- js兼容多浏览器的关闭当前页面
- ZeroClipboard js复制文本(兼容全部浏览器)
- JS获得当前浏览器的地址参数信息
- js复制到黏贴板代码 可以兼容多浏览器
- js 复制地址给好友 兼容火狐ie
- 【转】解决Delphi WebBrowser 无法调用当前浏览器的版本 复制代码
- js 复制网页内容,兼容各浏览器