最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript復(fù)制文案到剪貼板小技巧

 更新時間:2023年07月31日 10:49:32   作者:半畝花田  
這篇文章主要為大家介紹了JavaScript復(fù)制文案到剪貼板實現(xiàn)小技巧,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

需求如下

點擊按鈕復(fù)制對應(yīng)內(nèi)容到剪貼板

方案

利用document.execCommand('copy')來實現(xiàn),但是要注意兼容性。

<div class="assistant-wechat">小助理微信號:qbxq01</div>
        <div class="copy-wechat" onclick="copyToClipboard('qbxq01')">復(fù)制微信號</div>

 JS

<script type="text/javascript">
    function copyToClipboard(text) {
        if (text.indexOf('-') !== -1) {
            let arr = text.split('-');
            text = arr[0] + arr[1];
        }
        var textArea = document.createElement("textarea");
        textArea.style.position = 'fixed';
        textArea.style.top = '0';
        textArea.style.left = '0';
        textArea.style.width = '2em';
        textArea.style.height = '2em';
        textArea.style.padding = '0';
        textArea.style.border = 'none';
        textArea.style.outline = 'none';
        textArea.style.boxShadow = 'none';
        textArea.style.background = 'transparent';
        textArea.value = text;
        document.body.appendChild(textArea);
        textArea.select();
        try {
            var successful = document.execCommand('copy');
            var msg = successful ? '<div>小助理微信號已復(fù)制</div><div>快去加好友邀你入群</div>' : '<div>該瀏覽器不支持點擊復(fù)制到剪貼板</div>';
            showAlert(msg)
        } catch (err) {
            showAlert('<div>該瀏覽器不支持點擊復(fù)制到剪貼板</div>');
        }
        document.body.removeChild(textArea);
    }
    // 自定義提示框
    function showAlert(str) {
        var alertPart = document.createElement('div');
        alertPart.className = "alert-part";
        alertPart.innerHTML = str;
        document.body.appendChild(alertPart);
        var timeout = setTimeout(function () {
            document.body.removeChild(alertPart);
            clearTimeout(timeout);
        }, 2000)
    }
</script>

以上就是JavaScript復(fù)制文案到剪貼板小技巧的詳細(xì)內(nèi)容,更多關(guān)于JavaScript復(fù)制文案剪貼板的資料請關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • Javascript動畫效果(1)

    Javascript動畫效果(1)

    這篇文章主要為大家詳細(xì)介紹了第一篇Javascript動畫效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • HTML頁面定時跳轉(zhuǎn)方法解析(2種任選)

    HTML頁面定時跳轉(zhuǎn)方法解析(2種任選)

    本文主要對HTML頁面定時跳轉(zhuǎn)進(jìn)行方法介紹:1、meta refresh 實現(xiàn)。2、JavaScript 實現(xiàn)。具有很好的參考價值,需要的朋友一起來看下吧
    2016-12-12
  • JavaScript函數(shù)中this指向問題詳解

    JavaScript函數(shù)中this指向問題詳解

    這篇文章主要給大家介紹了關(guān)于JavaScript函數(shù)中this指向問題的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-05-05
  • JavaScript語法 JSON序列化之stringify實例詳解

    JavaScript語法 JSON序列化之stringify實例詳解

    這篇文章主要為大家介紹了JavaScript語法 JSON序列化之stringify實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10
  • webpack3之loader全解析

    webpack3之loader全解析

    這篇文章主要介紹了webpack3之loader全解析,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • 解決layui表格的表頭不滾動的問題

    解決layui表格的表頭不滾動的問題

    今天小編就為大家分享一篇解決layui表格的表頭不滾動的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • js和jquery分別驗證單選框、復(fù)選框、下拉框

    js和jquery分別驗證單選框、復(fù)選框、下拉框

    這篇文章主要為大家詳細(xì)介紹了js和jquery分別驗證單選框、復(fù)選框、下拉框的具體代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2015-12-12
  • JS中==、===你分清楚了嗎

    JS中==、===你分清楚了嗎

    這篇文章主要介紹了JS中==、===你分清楚了嗎,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-03-03
  • javascript如何在foreach循環(huán)完成之后執(zhí)行一個回調(diào)函數(shù)

    javascript如何在foreach循環(huán)完成之后執(zhí)行一個回調(diào)函數(shù)

    forEach()是前端開發(fā)中操作數(shù)組的一種方法,主要功能是遍歷數(shù)組,其實就是 for 循環(huán)的升級版,下面這篇文章主要給大家介紹了關(guān)于javascript如何在foreach循環(huán)完成之后執(zhí)行一個回調(diào)函數(shù)的相關(guān)資料,需要的朋友可以參考下
    2023-11-11
  • js中toString方法3個作用

    js中toString方法3個作用

    這篇文章主要給大家分享了js中toString方法的3個作用,文章圍繞js中toString方法的相關(guān)資料展開全文內(nèi)容,需要的小伙伴可以參考一下,希望對你的學(xué)習(xí)有所幫助
    2021-12-12

最新評論

雷山县| 保定市| 兰西县| 衡东县| 嘉禾县| 大荔县| 抚州市| 广灵县| 游戏| 凤冈县| 明溪县| 荔波县| 安泽县| 新乡县| 哈密市| 简阳市| 贵南县| 牡丹江市| 尖扎县| 社会| 丹江口市| 承德县| 林周县| 金秀| 闽侯县| 绍兴市| 永胜县| 彭山县| 旺苍县| 玉溪市| 襄城县| 五大连池市| 枞阳县| 黎城县| 银川市| 峨山| 石屏县| 井冈山市| 东乌珠穆沁旗| 郑州市| 光泽县|