JS实现复制功能
2017-03-01 10:22
555 查看
效果图:
代码如下:
<!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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
您可能感兴趣的文章:
相关文章推荐
- 利用JS实现复制/粘贴功能
- JS实现复制功能
- 如何利用JS实现复制/粘贴功能
- Dynamic CRM 2013学习笔记(二十五)JS调用web service 实现多条记录复制(克隆)功能
- 【原】js实现复制到剪贴板功能,兼容所有浏览器
- js 实现复制到粘贴板的功能代码
- js插件zClip实现复制到剪贴板功能
- js实现复制到剪贴板功能,兼容所有浏览器
- JS+flash实现复制功能(兼容IE和firefox)
- js/jQuery实现复制到剪贴板功能,兼容所有浏览器
- JS实现复制和粘贴功能
- JS、Flash 实现复制功能 (浏览器兼容)
- js 实现复制到剪切板的功能
- Zero Clipboard js+swf实现的复制功能使用方法
- Zero Clipboard js+swf实现的复制功能使用方法
- WEB中使用JS实现复制到剪贴板功能
- Zero Clipboard js+swf实现的复制功能使用方法
- js实现复制功能(文件上传)
- Zero Clipboard js+swf实现的复制功能使用方法
- Zero Clipboard js+swf实现的复制功能使用方法