Question

我正在尝试创建一个复制某个div内容的脚本，并将其放入剪贴板（准备粘贴）。这个div位于一个站点（Shopify）内，我无法修改。

<ul class="next-list next-list--plain-divided" id="line-item-properties" refresh="line-item-properties">
<li class="type--breakall">
    <div class="next-grid next-grid--compact next-grid--no-outside-padding next-grid--vertically-centered">

        <div class="next-grid__cell">
            <div class="wrappable wrappable--no-spacing">
                <div class="wrappable__item wrappable__item--no-flex">
                    <p class="type--subdued">Custom Text:</p>
                </div>
                <div class="wrappable__item">
                    IWANTTHISTEXT
                </div>
            </div>
        </div>

        <div class="next-grid__cell next-grid__cell--no-flex hide-when-printing">
            <a href="/admin/orders/170903371809/delete_property?line_item_id=332788334625&amp;property_key=Custom+Text"
              class="btn btn--link" data-tg-remote="delete" data-refresh-on-success="line-item-properties"
            >
                <svg class="next-icon next-icon--color-ink-lighter next-icon--size-20">
                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#delete-minor"></use>
                </svg>
            </a>
        </div>

    </div>
</li>

所以我想要的文字区域是＆＃34; IWANTTHISTEXT＆＃34;。

到目前为止，我尝试过多种策略并且没有任何结果！任何帮助将不胜感激。

Answer 1

您可以使用GM_setClipboard()。

对于静态页面：

// ==UserScript==
// @name     _AutoClipboard, get item text
// @match    *://YOUR_SERVER.COM/YOUR_PATH/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @grant    GM_setClipboard
// ==/UserScript==

var targText = $(".wrappable__item").text ().trim ();

console.log ("Copied to clipboard: ", targText);
GM_setClipboard (targText);

请注意，如果有多个wrappable__item节点，它会将所有文本混合在一起并将一个长字符串返回到剪贴板。

对于动态（AJAX驱动）页面：

// ==UserScript==
// @name     _AutoClipboard, get item text
// @match    *://YOUR_SERVER.COM/YOUR_PATH/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_setClipboard
// ==/UserScript==

waitForKeyElements (".wrappable__item", getNodeText);

function getNodeText (jNode) {
    var targText = jNode.text ().trim ();

    console.log ("Copied to clipboard: ", targText);
    GM_setClipboard (targText);
}

为此，如果有多个wrappable__item节点，剪贴板最终只会显示最后一个节点的文本。

Greasemonkey如何将某个div的内容复制到剪贴板？

1 个答案: