如何復制反拖文本

有時，當您找到好的信息並嘗試將其傳播時，會有很多人因應用防拖拽功能而感到不便。基本上，您不想複製和粘貼自己的文本，所以您可能這樣做了。儘管如此，每個要傳播的人都會傳播。這是我們必須留給人們良心的事情。

當然，我並不是希望將其用於這種惡意（？）目的。偶爾，一些發布編碼相關帖子的人也阻止了複製和粘貼。我不認為他是故意這樣做的，以一一跟進那長長的源代碼。在這種情況下，我會告訴你，希望它會有所幫助。

查找反拖累帖子

例如，如果您有這樣的帖子，並且想要復制此源代碼，請想像它具有反拖拽功能。大多數人不會想到任何其他方式，而是必須一一鍵入。那會很煩人，對吧？

打開開發者模式

那麼如何復制該代碼？我將在 Chrome 中解釋。按 F12。有些人甚至在去那裡時阻止了開發者模式的快捷方式。在這種情況下，您可以直接進入菜單並打開它。

激活元素選擇圖標

如果您查看開發者模式的左上角，您會發現以下選擇圖標。激活此圖標。

如果將鼠標光標放在所需位置，則該部分將突出顯示，如下所示，並通過單擊進行選擇。

這將自動將塊移動到開發人員模式的“元素”選項卡中的所需位置。

複製和使用選擇器

如果您右鍵單擊此處，會彈出一個菜單並選擇複製 > 複製選擇器。

然後，下面的值會被複製，所以如果你認為這是一個奇怪的外星詞，請不要驚慌。如果您不知道該值的確切含義，也沒關係。

// Values ​​copied with the Copy selector
#code_1611322355434 > code

使用此值，我們將在控制台窗口中輸入以下內容。這也可能很困難，所以我將按原樣提供代碼。

您可以按原樣複製和粘貼此部分。

console.log(document.querySelector('Values ​​copied').textContent)
// ex) console.log(document.querySelector('#code_1611322355434 > code').textContent)

當我們敲回車時，我們想要的部分的值輸出如下。

當然，也可以復制。

複製太容易了。

var test = new Vue({
    el: '#test',
    mounted: function() {
        $('#intro').show();
        $('#main').hide();
        $('#result').hide();
    },
    methods: {}
});

我們希望您能有用地使用它，我想請您不要復制和分發受版權保護或敏感的文本。我會把它留給你的良心。

謝謝🙂