兼容Android和iOS復制到剪切板

if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //區(qū)分iPhone設備  
          window.getSelection().removeAllRanges(); //這段代碼必須放在前面否則無效  
          var Url2 = document.getElementById("biaoios"); //要復制文字的節(jié)點  
          var range = document.createRange();
          // 選中需要復制的節(jié)點  
          range.selectNode(Url2);
          // 執(zhí)行選中元素  
          window.getSelection().addRange(range);
          // 執(zhí)行 copy 操作  
          var successful = document.execCommand('copy');

          // 移除選中的元素  
          window.getSelection().removeAllRanges();
        } else {
          var save = function (e) {
            e.clipboardData.setData('text/plain', _this.yaoqingma);
            e.preventDefault();
          }
          document.addEventListener('copy', save);
          document.execCommand('copy');
          document.removeEventListener('copy', save);
        }
//復制 按鈕顯示消失
        $('.copy_success').css('display', 'block');
        setTimeout(function () {
          $('.copy_success').css('display', 'none');
        }, 800);

復制按鈕效果

.copy_success {
    width: 280px;
    height: 80px;
    background: #000;
    opacity: 0.5;
    font-size: 24px;
    text-align: center;
    color: #fff;
    line-height: 80px;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -140px;
    bottom: 180px;
    display: none;
  }

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容