Как скопировать текст против перетаскивания

Иногда, когда вы находите полезную информацию и пытаетесь ее распространить, многие люди испытывают неудобства, применяя функцию предотвращения перетаскивания. По сути, вы не хотите копировать и вставлять свой собственный текст, поэтому, вероятно, вы это сделали. Тем не менее, распространять будут все, кто собирается. Это то, что мы должны оставить на совести людей.

Конечно, я говорю вам это не в надежде использовать это для такой злонамеренной (?) цели. Иногда некоторые люди, которые публиковали сообщения, связанные с кодированием, также блокировали копирование и вставку. Я не думаю, что он сделал это нарочно, чтобы один за другим просмотреть этот длинный исходный код. В таком случае, я скажу вам в надежде, что это будет чем-то полезным.

Найдите посты против перетаскивания

Например, если у вас есть такой пост, и вы хотите скопировать этот исходный код, представьте, что в него встроена функция защиты от перетаскивания. Большинство людей не придумали бы другого способа и должны были бы вводить их один за другим. Это было бы очень раздражающе, верно?

Открыть режим разработчика

Итак, как я могу скопировать этот код? Я объясню в 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)

И когда мы нажимаем Enter, значение нужной нам части выводится следующим образом.

Конечно, его можно скопировать.

Это было так легко скопировать.

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

Мы надеемся, что вы будете использовать его с пользой, и я хотел бы попросить вас воздержаться от копирования и распространения защищенного авторским правом или конфиденциального текста. Я оставлю это на вашу совесть.

Спасибо 🙂