如何复制反拖文本

有时，当您找到好的信息并尝试将其传播时，会有很多人因应用防拖拽功能而感到不便。基本上，您不想复制和粘贴自己的文本，所以您可能这样做了。尽管如此，每个要传播的人都会传播。这是我们必须留给人们良心的事情。

当然，我并不是希望将其用于这种恶意（？）目的。偶尔，一些发布编码相关帖子的人也阻止了复制和粘贴。我不认为他是故意这样做的，以一一跟进那长长的源代码。在这种情况下，我会告诉你，希望它会有所帮助。

查找反拖累帖子

例如，如果您有这样的帖子，并且想要复制此源代码，请想象它具有反拖拽功能。大多数人不会想到任何其他方式，而是必须一一键入。那会很烦人，对吧？

打开开发者模式

那么如何复制该代码？我将在 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: {}
});

我们希望您能有用地使用它，我想请您不要复制和分发受版权保护或敏感的文本。我会把它留给你的良心。

谢谢🙂