移動端實現復制到剪貼板

    實現復制到剪貼板，用js來實現這個功能，開始的時候只搜索到一個用jquery插件zclip實現的方法，但是這個方法要用的flash，移動端瀏覽器基本都不支持flash，所以要在移動端實現用這個方法就不靈了。

    最后找到了一個可以實現的方法還比較簡單，代碼如下：

 
          
            function copy($ele) { 
           
          
            　　var save = function(e) { 
           
          
            　　　　e.clipboardData.setData('text/plain', $ele.text()); 
           
          
            　　　　e.preventDefault(); 
           
          
            　　}, 
           
          
            　　range; 
           
          
            　　if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //ios設備 
           
          
            　　　　window.getSelection().removeAllRanges(); 
           
          
            　　　　range = document.createRange(); 
           
          
            　　　　range.selectNode($ele.get(0)); 
           
          
            　　　　window.getSelection().addRange(range); 
           
          
            　　　　document.execCommand('copy'); 
           
          
            　　　　window.getSelection().removeAllRanges(); 
           
          
            　　} else { // 安卓設備 
           
          
            　　　　document.addEventListener('copy', save); 
           
          
            　　　　document.execCommand('copy'); 
           
          
            　　　　document.removeEventListener('copy', save); 
           
          
            　　} 
           
          
            　　// 復制成功后的彈層 
           
          
            　　$('.W_copy').show(); 
           
          
            　　setTimeout(function() { 
           
          
            　　　　$('.W_copy').hide(); 
           
          
            　　}, 2000); 
           
          
            } 
           
          
 
          
            $('.explan').on('click', 'a.btn', function() { 
           
          
            　　copy($(this).prev('span')); 
           
          
            });