亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

js復(fù)制內(nèi)容進(jìn)入粘貼板

Amio / 3362人閱讀

摘要：我們在前端開發(fā)時(shí)有時(shí)遇到這樣的需求，同過直接把或者里的值復(fù)制到粘貼板里。這里提供一個(gè)方法實(shí)現(xiàn)這個(gè)功能，在你的項(xiàng)目里直接引入就行。我們可以這樣直接調(diào)用這個(gè)方法這樣為的值進(jìn)入了粘貼板了。

我們在前端開發(fā)時(shí)有時(shí)遇到這樣的需求，同過button直接把input 或者textarea里的值復(fù)制到粘貼板里。
這里提供一個(gè)方法實(shí)現(xiàn)這個(gè)功能，在你的項(xiàng)目里直接引入就行。

function copyToClipboard(elem) {
    // create hidden text element, if it doesn"t already exist
    var targetId = "_hiddenCopyText_";
    var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA";
    var origSelectionStart, origSelectionEnd;
    if (isInput) {
        // can just use the original source element for the selection and copy
        target = elem;
        origSelectionStart = elem.selectionStart;
        origSelectionEnd = elem.selectionEnd;
    } else {
        // must use a temporary form element for the selection and copy
        target = document.getElementById(targetId);
        if (!target) {
            var target = document.createElement("textarea");
            target.style.position = "absolute";
            target.style.left = "-9999px";
            target.style.top = "0";
            target.id = targetId;
            document.body.appendChild(target);
        }
        target.textContent = elem.textContent;
    }
    // select the content
    var currentFocus = document.activeElement;
    target.focus();
    target.setSelectionRange(0, target.value.length);

    // copy the selection
    var succeed;
    try {
        succeed = document.execCommand("copy");
    } catch(e) {
        succeed = false;
    }
    // restore original focus
    if (currentFocus && typeof currentFocus.focus === "function") {
        currentFocus.focus();
    }

    if (isInput) {
        // restore prior selection
        elem.setSelectionRange(origSelectionStart, origSelectionEnd);
    } else {
        // clear temporary content
        target.textContent = "";
    }
    return succeed;
}

我們可以這樣直接調(diào)用這個(gè)方法：

copyToClipboard(document.getElementById("name"));

這樣id為name的值進(jìn)入了粘貼板了。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/79075.html

相關(guān)文章

  • 前端er怎樣操作剪切復(fù)制以及禁止復(fù)制+破解等

    摘要：取消默認(rèn)的復(fù)制事件被復(fù)制的文字等下插入防知乎掘金復(fù)制一兩個(gè)字則不添加版權(quán)信息超過一定長度的文字就添加版權(quán)信息作者鏈接來源掘金著作權(quán)歸作者所有。以上參考資料高程操作剪貼板網(wǎng)頁上如何實(shí)現(xiàn)禁止復(fù)制粘貼以及如何破解原生實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

    mikasa 評論0 收藏0

  • 前端er怎樣操作剪切復(fù)制以及禁止復(fù)制+破解等

    摘要：取消默認(rèn)的復(fù)制事件被復(fù)制的文字等下插入防知乎掘金復(fù)制一兩個(gè)字則不添加版權(quán)信息超過一定長度的文字就添加版權(quán)信息作者鏈接來源掘金著作權(quán)歸作者所有。以上參考資料高程操作剪貼板網(wǎng)頁上如何實(shí)現(xiàn)禁止復(fù)制粘貼以及如何破解原生實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

    amuqiao 評論0 收藏0

  • 前端er怎樣操作剪切復(fù)制以及禁止復(fù)制+破解等

    摘要：取消默認(rèn)的復(fù)制事件被復(fù)制的文字等下插入防知乎掘金復(fù)制一兩個(gè)字則不添加版權(quán)信息超過一定長度的文字就添加版權(quán)信息作者鏈接來源掘金著作權(quán)歸作者所有。以上參考資料高程操作剪貼板網(wǎng)頁上如何實(shí)現(xiàn)禁止復(fù)制粘貼以及如何破解原生實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

    DevTalking 評論0 收藏0

  • 復(fù)制粘貼有那么麻煩嗎？理解VIM的文本復(fù)制

    摘要：反過來，在的模式下，按命令開始選擇一段文本，然后按下，就把文字復(fù)制到系統(tǒng)的剪切板了，隨便找個(gè)文本編輯器如，按，就會發(fā)現(xiàn)剛才復(fù)制的內(nèi)容粘貼出來了。 Vim的文本復(fù)制，邏輯上要比我們?nèi)粘５目截?、粘貼要復(fù)雜些。 之前看了很多文章，真是太復(fù)雜了，復(fù)制個(gè)東西搞得好像系統(tǒng)性的工程建設(shè)一樣。其實(shí)兩句話就解釋明白的。參考這篇文章：vim的剪切板 首先輸入:reg命令，查看Vim記錄的所有剪切板內(nèi)容，大...

    JowayYoung 評論0 收藏0

  • js獲取剪切板內(nèi)容，js控制圖片粘貼。

    摘要：在用戶執(zhí)行粘貼操作的時(shí)候，能夠獲得剪切板的內(nèi)容，本文討論一下這個(gè)問題。目前只有支持獲取剪切板中的圖片數(shù)據(jù)。這么多的判斷條件，基本可以確定通過剪切板過來的是粘貼的文件。 在用戶執(zhí)行粘貼操作的時(shí)候，js能夠獲得剪切板的內(nèi)容，本文討論一下這個(gè)問題。 目前只有Chrome支持獲取剪切板中的圖片數(shù)據(jù)。還好需要這個(gè)功能的產(chǎn)品目前只支持Chrome和Safari，一些Chrome的新特性是可以盡情使...

    KaltZK 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<