JS實現 一鍵復制
阿新 • • 發佈:2017-11-13
success func 很多 可能 rip select() blog clas tex
execCommand(‘Copy‘, false, null)
文檔地址:https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand
execCommand是document方法,可以直接使用。execCommand有很多方法,這裏用到的是Copy方法。
1、參數
第一個參數是方法名,第二個是是否展示默認ui,第三個是可選參數列表(通常第二個和第三個參數用不到)。
2、返回值
document.execCommand(‘Copy‘, false, null),返回值類型是boolean。
所以在執行該命令後,可能會出現以下情況:
(1) false:表示操作不被支持或未被啟用。
(2) true:復制成功
HTML:
<input type="text" value="www.xxx.com" id="url1" /> <input type="button" onClick="copyUrl()" value="點擊復制代碼" />
JavaScript:
<script type="text/javascript"> function copyUrl() { var Url = document.getElementById("url1"); Url.select(); // 選擇對象 try{ if(document.execCommand(‘Copy‘, false, null)){ //success info
alert(‘復制成功!‘); } else{ //fail info } } catch(err){ //fail info } } </script>
JS實現 一鍵復制