【javascript】剪貼簿功能——ZeroClipboard(修正)

來源:互聯網
上載者:User

最近做了個項目有使用到複製的功能,用的是 ZeroClipboard,具體點此瞭解。但是在測試的過程中,發現 ie9 和 ie10 複製不了。解決方案:clipboardData。

clipboardData 對象只有 ie 瀏覽器認識。該對象有 3 個方法:clearData,getData 和 setData。這 3 個方法網上都有介紹,在這裡我就不多說了。

最後需要在調用方法加上判斷,ie 和 非ie,具體代碼如下:

function clipboard(text,button,msg) {    if(window.clipboardData){        //for ie        var copyBtn = document.getElementById(button);        copyBtn.onclick = function(){            window.clipboardData.setData('text',text);            alert(msg);        }    }else{        var clip = new ZeroClipboard.Client(); // 建立一個對象        clip.setHandCursor( true );        clip.setText(text); // 設定要複製的文本。        clip.addEventListener( "mouseUp", function(client) {            alert(msg);        });        // 註冊一個 button,參數為 id。點擊這個 button 就會複製。        //這個 button 不一定要求是一個 input 按鈕,也可以是其他 DOM 元素。        clip.glue(button); // 和上一句位置不可調換    }    return false;}

參數說明:

text:複製文本

button:複製按鈕

msg:複製後 alert 的內容

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.