jQuery ZeroClipboard利用swf实现的复制粘贴功能(兼容各浏览器 )
常规利用JS编写的网页复制功能只对IE有效，无法做到兼容其它浏览器。
ZeroClipboard它利用 Flash 进行复制，所以只要浏览器装有 Flash 就可以运行。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<meta charset="UTF-8"> <script src="/ZeroClipboard.js" type="text/javascript"></script> <script type="text/javascript"> function init() { var clip = new ZeroClipboard.Client(); // 新建一个对象 clip.setHandCursor( true ); // 设置鼠标为手型 var test = document.getElementById("test"); clip.setText( test.value ); // 重新设置要复制的值 //clip.setText("11111111111"); // 设置要复制的文本。 // 注册一个 button，参数为 id。点击这个 button 就会复制。 //这个 button 不一定要求是一个 input 按钮，也可以是其他 DOM 元素。 /*鼠标按下事件*/ clip.addEventListener( "mouseDown", function(client) { var test = document.getElementById("test"); client.setText( test.value ); // 重新设置要复制的值 }); clip.glue("copy-botton"); // 和上一句位置不可调换 } </script> <body onload="init()"> <input type="text" name="" id="test" value="674531003"/> <div id="d_clip_container" style="position:relative"> <div id="d_clip_button" class="my_clip_button"><b></b></div> </div> <input type="button" name="" id='copy-botton' value="复制"/> </body> |
百度网盘下载:http://pan.baidu.com/s/1eQxKGPs
请尊重我们的辛苦付出，未经允许，请不要转载 本站 的文章，鄙视各种无耻的采集行为！