jquery點擊按鈕復制內容代碼（兼容PC、手機端）
作者(zhe)：網絡收集
時間：2020-12-11 14:55:45
瀏覽：2662
點(dian)贊(zan)：351
在(zai)網(wang)站制(zhi)(zhi)作時(shi)如何(he)實現點擊網(wang)頁上(shang)的按鈕，可以(yi)復(fu)制(zhi)(zhi)指定的內(nei)容(rong)。這(zhe)是一種jquery點擊按鈕復(fu)制(zhi)(zhi)內(nei)容(rong)功能，通過JQUERY可以(yi)實現點擊后(hou)自動(dong)復(fu)制(zhi)(zhi)內(nei)容(rong)。效(xiao)果如下圖：
下面(mian)是jquery點擊按鈕復制(zhi)內容(rong)代碼，它是兼容(rong)PC端和手機端的(de)。示例代碼如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>復制按鈕</title>
<script src="//cdn.bootcdn.net/ajax/libs/jquery/3.6.2/jquery.min.js"></script>
<script src="//cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.11/clipboard.min.js"></script>
</head>
<body>
微信號：<span id="target">xyz2018</span>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">
點擊復制
</button>
<script>
$(document).ready(function(){
var clipboard = new Clipboard('#copy_btn');
clipboard.on('success', function(e) {
alert("微信號復制成功",1500);
e.clearSelection();
console.log(e.clearSelection);
});
});
</script>
</body>
</html>
文章鏈接：//bilinxiyi.cn/223.html
文章標題：jquery點擊按鈕復制內容代碼（兼容PC、手機端）
文章版權：PB模板網 (bilinxiyi.cn) 所發布的內容，部分為原創文章，轉載請注明來源，網絡轉載文章如有侵權請聯系我們！
本文最后更新發布于
文章標題：jquery點擊按鈕復制內容代碼（兼容PC、手機端）
文章版權：PB模板網 (bilinxiyi.cn) 所發布的內容，部分為原創文章，轉載請注明來源，網絡轉載文章如有侵權請聯系我們！
本文最后更新發布于
2022-12-23 15:21:06，某些文章具有時效性，若有錯誤或已失效，請在下方留言或聯系客服：
