本文主要介紹了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>
更多JS實作複製功能相關文章請關注PHP中文網!