复制文本框内容功能

<div class="Share_copyUrl_1lE">
     <input type="text" id="biao1" class="Share_shareCont_1iT" value="" readonly=''>
     <button id="share-btn" class="Share_sharebtn_2T3" onClick="copyUrl()" data-clipboard-target="#share-content" data-type="copy-btn" data-rlog="shareCopy">复制</button>
</div>
 
function copyUrl(){
var Url2=document.getElementById("biao1").value;
console.log(Url2)
var oInput = document.createElement('input');
oInput.value = Url2;
document.body.appendChild(oInput);
oInput.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
oInput.className = 'oInput';
oInput.style.display='none';
show_info('复制成功','ok');
}

 

 

 

 

 

<label class="title color_b">
         <a id="copy_href" class="href" style="word-break:break-all" href="javascript:;">https://pan.baidu.com/s/1LOV_GKzNteCLlk5NqXP6mw</a>
          <a id="copy" class="copy copyfz" href="javascript:;">复制链接</a>
           <a class="copy_s" id="copy_s" href="javascript:;" style="display: block;">复制链接成功</a>
</label>

 

function copyUrl2()
{
var Url2=document.getElementById("copy_href").innerText;
var oInput = document.createElement('input');
var copy_s = document.getElementById("copy_s")
oInput.value = Url2;
document.body.appendChild(oInput);
oInput.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
oInput.className = 'oInput';
oInput.style.display='none';
copy_s.style.display="block";
}

$('.copyfz').on('click',function () {
copyUrl2();
})

 

posted @ 2018-12-29 17:07  吃饭睡觉,打豆豆  阅读(540)  评论(0编辑  收藏  举报