點選滑鼠實現複製功能，相容主流瀏覽器
阿新 • • 發佈：2018-12-24
1.有一個需求，點選滑鼠左鍵，複製連結，可以將該連結貼上，實現一個簡單的複製貼上功能
2.程式碼實現
（1）HTML程式碼
<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script> </head> <body> <p>點選複製後在命令列 CTRL+V看一下</p> <input type="text" id="inputText" value="測試文字" /> <input type="button" id="btn" value="複製" style="margin-right: 20px;"/> 複製給我<input type="text" /> <script type="text/javascript"> var btn = document.getElementById('btn'); btn.onclick= function() { var inputText = document.getElementById('inputText'); //選擇需要複製的物件 inputText.select(); //進行復制 document.execCommand('copy'); }; </script> </body> </html>
（2）效果
（3）在https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand也有提到
，如果你的瀏覽器（例如火狐），是很舊的版本（long long ago），可能也會存在相容問題。