AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

JS实现复制功能

51自学网 http://www.wanshiok.com
js实现复制功能,js实现点击按钮就复制

效果图:

代码如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><title>JS复制功能</title><link href="" rel=" rel="external nofollow" stylesheet"><style> *{ margin:0; padding:0; } input{ border:1px solid #ccc; padding: 5px; width: 200px; } button{ height:32px; }</style></head><body> <input type="text"placeholder="里面输入文字"> <button type="button">点击复制</button> <script type="text/javascript" src='http://libs.baidu.com/jquery/2.0.0/jquery.js'></script> <script>  $(document).ready(function(){  $('button').click(function(){  $('input').trigger('select');  document.execCommand('copy');  alert('复制成功')  })  }) </script></body></html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持wanshiok.com!


js实现复制功能,js实现点击按钮就复制  
上一篇:js实现下拉菜单效果  下一篇:node.js利用redis数据库缓存数据的方法