1. 程式人生 > >JS實現 一鍵復制

JS實現 一鍵復制

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實現 一鍵復制