效果图:
代码如下:
<!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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持亿速云!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。