移動端複製到粘貼板

來源:互聯網
上載者:User

標籤:clip   ice   clear   1.5   相容問題   就是   head   trigger   cdn   

老大是寫背景,讓我解決手機端複製到粘貼板的問題,我搞了半天說有相容問題,不好解決,然後過了一會老大說我找到了一個解決辦法,把連結發給我了,讓我看一下,哎,搜尋索引鍵很重要啊。下面附上代碼

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>    <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>    <title>移動端複製到剪貼簿!</title></head><body><p>哈哈<span id="target">你沒看錯,就是複製的這裡</span></p><button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">    複製按鈕</button></body><script>    $(document).ready(function(){        var targetText=$("#target").text();        var clipboard = new Clipboard(‘#copy_btn‘);        clipboard.on(‘success‘, function(e) {            console.info(‘Action:‘, e.action);            console.info(‘Text:‘, e.text);            console.info(‘Trigger:‘, e.trigger);            alert("複製成功");            e.clearSelection();        });    });</script></html>

  

 

移動端複製到粘貼板

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.