clipboardData.setData与js常用复制到剪贴板脚本

利用clipboardData.setData访问剪切板属性，
只IE支持此方法，
所以先写一段浏览器判断，针对IE使用剪切板脚本，
非IE提示手动复制

js:

 1 <script type="text/javascript">
 2 //留用判断浏览器
 3 //    var Sys = {};
 4 //    var ua = navigator.userAgent.toLowerCase();
 5 //    var s;
 6 //    (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
 7 //    (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
 8 //    (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
 9 //    (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
10 //    (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
11 
12 function Id(id) {    return document.getElementById(id);}
13 function clipLink() {
14 var text = Id('txt_link').value;
15 Id('btn_link').οnclick=function () {
16 if(document.all){
17 window.clipboardData.setData("text",text);
18 //alert(text);
19 }else{
20 alert('对不起你的浏览器不支持此复制功能！请使用CTRL+C或鼠标右键复制');
21 Id('txt_link').focus();
22 Id('txt_link').select();
23 };
24 }
25 }
26 
27 window.onload =function () {
28 clipLink();
29 }
30 </script>

HTML:

1 <input id="txt_link" type="text" value="http://www.baidu.com/bujichong"><button id="btn_link">复制</button> 

 

转载于:https://www.cnblogs.com/lpfuture/archive/2013/03/04/2942632.html