天天看點
傳回

JS實作複制資料到剪貼闆，zeroclipboard庫

  1. <!DOCTYPE聽html>聽聽聽聽
  2. <html聽xmlns="http://www.w3.org/1999/xhtml">聽聽聽聽
  3. <head>聽聽聽聽
  4. <meta聽http-equiv="Content-Type"聽content="text/html;聽charset=gbk"聽/>聽聽聽聽
  5. <title>澶嶅埗鍒闆壀璐存澘</title>聽聽
  6. <script聽src="http://img3.job1001.com/js/jquery-1.4.2.min.js"></script>聽聽
  7. <script聽type="text/javascript"聽src="http://img3.job1001.com/js/ZeroClipboard/jquery.zclip.min.js"></script>聽聽
  8. </head>聽聽聽聽
  9. <body>聽聽聽聽
  10. 聽聽聽聽<input聽type="text"聽id="copy_value"/>聽聽
  11. 聽聽聽聽<input聽class="copy_btn"聽type="button"聽value="涓€閿鍒?/>聽聽
  12. 聽聽聽聽<br/><br/>聽聽
  13. 聽聽聽聽<input聽type="text"聽id="copy_value"/>聽聽
  14. 聽聽聽聽<input聽class="copy_btn"聽type="button"聽value="涓€閿鍒?/>聽聽
  15. 聽聽聽聽<br/><br/>聽聽
  16. 聽聽聽聽<input聽type="text"聽id="copy_value"/>聽聽
  17. 聽聽聽聽<input聽class="copy_btn"聽type="button"聽value="涓€閿鍒?/>聽聽
  18. 聽聽聽聽<script>聽聽
  19. 聽聽聽聽聽聽聽聽$(document).ready(function(){聽聽
  20. 聽聽聽聽聽聽聽聽聽聽聽聽if聽(聽window.clipboardData聽)聽{聽聽
  21. 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽$('.copy_btn').click(function()聽{聽聽
  22. 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽window.clipboardData.setData("Text",聽$(this).prev('input').val());聽聽
  23. 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽alert('澶嶅埗鎴愬姛锛?);聽聽
  24. 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽});聽聽
  25. 聽聽聽聽聽聽聽聽聽聽聽聽}聽else聽{聽聽
  26. 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽$(".copy_btn").zclip({聽聽
  27. 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽path:'http://img3.job1001.com/js/ZeroClipboard/ZeroClipboard.swf',聽聽
  28. 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽copy:function(){return聽$(this).prev('input').val();},聽聽
  29. 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽afterCopy:function(){alert('澶嶅埗鎴愬姛锛?);}聽聽
  30. 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽});聽聽
  31. 聽聽聽聽聽聽聽聽聽聽聽聽}聽聽
  32. 聽聽聽聽聽聽聽聽});聽聽聽
  33. 聽聽聽聽</script>聽聽
  34. </body>聽聽聽聽
  35. </html> 聽
javascript 剪貼闆 網頁設計
上一篇: 剪貼闆大觀園（二）： 剪貼闆間諜（ClipSpy）
下一篇: flex 調試方法

繼續閱讀