js复制兼容:ZeroClipboard复制到剪切板(支持IE、FF、Chrome)
2014-12-29 17:38
746 查看
准备:ZeroClipboard.swf 和 ZeroClipboard.js
小示例:单用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>复制</title> </head> <script type="text/javascript" src="ZeroClipboard.js"></script> <body> <input type="submit" name="btn_copy" value="复制" id="btn_submit" /> <script type="text/javascript"> var clip = new ZeroClipboard.Client(); clip.setHandCursor(true); clip.setText("要复制的文本"); clip.glue("btn_submit"); </script> </body> </html>
下载Demo>>>>>>>>>
通用版:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>通用..</title> </head> <body> text: <input type="text" name="text" value="copy ok!" id="text"/> <input type="submit" name="btn_copy" value="复制" id="btn_submit"/> <script type="text/javascript" src="ZeroClipboard.js"></script> <script type="text/javascript"> copyToClipboard('text','btn_submit'); function copyToClipboard(txt,id){ var clip = new ZeroClipboard.Client(); clip.setHandCursor(true); var text= document.getElementById(txt).value; clip.setText(text); clip.glue(id); clip.addEventListener( "complete", function(){ alert("复制成功!"); }); } </script> </body> </html>
jq:zclip复制
相关文章推荐
- js复制兼容:ZeroClipboard复制到剪切板(支持IE、FF、Chrome)
- 复制到剪切板 兼容(IE/FF/Chrome/..)
- 复制到剪切板 兼容(IE/FF/Chrome/..)
- ZeroClipboard.js兼容各种浏览器复制到剪切板上
- JS代码获取当前日期时支持IE,不兼容FF和chrome,解决这个问题,我们需要把获取时间的getYear()函数换成getFullYear()
- JS代码获取当前日期时支持IE,不兼容FF和chrome,解决这个问题,我们需要把获取时间的getYear()函数换成getFullYear()
- 火狐,chrome和IE都支持的复制剪切板功能window.clipboardData.setData
- 复制到剪切板 兼容(IE/FF/Chrome/..)
- JS代码获取当前日期时支持IE,不兼容FF和chrome,解决这个问题,我们需要把获取时间的getYear()函数换成getFullYear()
- [JS] - onmusewheel事件(兼容IE,FF,opera,safari,chrome)
- JS复制内容到剪切板(兼容IE&火狐)
- 不但要返回顶部,还要返回底部,小改变,实用,?scroll?的js代码,支持IE,FF,chrome[摘自布布分享,tech.bubufx.com]
- js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动) 兼容IE/FF/Chrome
- Js 复制到剪贴板,兼容各浏览器 Zero Clipboard swf
- 复制到剪切板 - 兼容 ie, firefox, chrome & flash10
- js实现兼容IE和FF的复制功能
- JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)
- 兼容FF,IE,Chrome的js离开或刷新页面检测
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 转载
- js复制数据IE,FF..浏览器兼容