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

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

 更新時間:2023年07月31日 10:49:32   作者:半畝花田  
這篇文章主要為大家介紹了JavaScript復(fù)制文案到剪貼板實現(xià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)進行方法介紹: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實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    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

最新評論

廉江市| 内江市| 潞城市| 长岭县| 固原市| 和龙市| 金阳县| 张家港市| 吴堡县| 蒙山县| 修文县| 定州市| 集贤县| 大石桥市| 秭归县| 隆安县| 永顺县| 蕲春县| 南靖县| 开封市| 伊川县| 开封县| 吕梁市| 静宁县| 仪陇县| 安龙县| 霞浦县| 柯坪县| 衡阳市| 探索| 镇宁| 定安县| 满城县| 五大连池市| 金沙县| 肥东县| 黎平县| 任丘市| 黎川县| 禄丰县| 基隆市|