☰

웹사이트에서는 텍스트 선택을 어떻게 차단하고 어떻게 차단을 해제하나요?

tag-icon • tag-icon google-chrome firefox browser javascript
웹사이트에서는 텍스트 선택을 어떻게 차단하고 어떻게 차단을 해제하나요?

웹사이트가 있어요 (예) 어떻게 든 텍스트 선택을 차단합니다. 또한 모든 것을 선택하기 위해 Ctrl+를 차단하고 A팝업 메뉴에도 "복사"가 없습니다.

내가 시도한 것:

일부 사이트에서는 JavaScript를 사용하여 선택을 차단합니다. 그래서 Firefox의 스크립트 없는 애드온에서 모든 JavaScript 소스를 비활성화했습니다. Script Safe 애드온을 사용하여 Google Chrome에서 동일한 사이트를 사용해 보았습니다. 모든 것이 차단되었는지 확인했지만 여전히 텍스트를 선택할 수 없습니다. 마우스 포인터는 전체 사이트에서 텍스트 커서가 아닌 화살표로 유지됩니다.

about:configFirefox에서 JavaScript를 완전히 비활성화하는 데 사용됩니다 . 여전히 효과가 없습니다.

일부 사이트에서는 display:block 스타일의 DIV를 사용한다는 내용을 읽었으므로 Inspect를 사용하여 사이트 스타일을 검사했습니다. 포함된 CSS나 object style=-attributes를 포함하여 전체 웹사이트에 "차단"에 대한 언급이 하나도 없습니다.

텍스트는 이미지나 플래시 또는 일부 HTML5 캔버스 등이 아닙니다. 모든 것이 DIV 및 P 태그 내에 있지만 텍스트 선택을 차단할 수 있는 스타일은 발견되지 않았습니다.

웹사이트에서 어떻게 텍스트 선택을 계속 차단할 수 있나요? 브라우저가 그러한 동작을 전혀 지원하는 이유는 말할 것도 없습니다. 선택한 단어나 문장을 사용하고 마우스 오른쪽 버튼을 클릭하여 Google에서 검색하고 싶습니다. 웹사이트에서 그런 일을 하고 기술 용어와 이름을 Google에 직접 입력하도록 강요하는 것은 꽤 짜증나는 일입니다. 그것은 내 작업 흐름을 방해합니다.

답변1

https://www.angst-panik-hilfe.de/angst-panik.css쇼:

body{-webkit-user-select:none;-moz-user-select:-moz-none;
-ms-user-select:none;user-select:none}

따라서 해당 효과는 전체 BODY 태그에 적용됩니다.

이 CSS에 대한 문서:Mozilla 개발자 사이트: 사용자 선택.

개발자 도구(Firefox 또는 Chrome에서는 누르기)에서 스타일을 제거하여 이를 무시할 수 있습니다. F12이를 설정하는 데 시간을 투자한 후 더 적은 노력으로 해당 스타일을 제거할 수 있는 JavaScript 애플릿을 만들 수도 있습니다. (사이트를 여러 번 방문할 계획이라면 시간을 절약할 수 있습니다).

나는 또한 이 메모를 추가하고 싶습니다. 이것이 적어도 일부 효과를 얻을 수 있는 유일한 방법은 아닐 수도 있습니다. 또 다른 가능한 방법은 텍스트가 있는 보이지 않는 DIV표지를 갖는 것입니다 . DIV이렇게 하면 커서가 최상위 DIV. ( Ctrl- A아마도 해당 텍스트를 덮을 것입니다.)

웹사이트에서 그런 일을 하고 기술 용어와 이름을 Google에 직접 입력하도록 강요하는 것은 꽤 짜증나는 일입니다. 그것은 내 작업 흐름을 방해합니다.

아멘! 이것을 보고 나는 주요 브라우저에서 구현되는 CSS 스타일이 존재한다는 사실에 실망했습니다. 그런 것들은 참으로 짜증나는 일입니다!

답변2

이미 언급했듯이 user-select: none페이지의 CSS 설정은 페이지에서 텍스트 선택을 비활성화합니다. 해당 텍스트 선택 블록을 제거하는 가장 쉬운 방법은 설정을 재정의하는 다음과 같은 사용자 스크립트를 사용하는 것입니다.

// ==UserScript==
// @name         Force Select
// @version      1.0
// @description  Stop sites from disabling selection of text
// @author       You
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
  'use strict';

  let style = document.createElement('style');
  style.innerHTML = '*{ user-select: auto !important; }';

  document.body.appendChild(style);
})();

메모:이는 활성화된 상태로 두면 모든 페이지에 적용되며, 이는 모든 상황에서 바람직하지 않을 수 있습니다.

스크립트는 다음과 같은 사용자 스크립트 관리자를 사용하여 설치하고 쉽게 켜거나 끌 수 있습니다.폭력원숭이,탬퍼몽키, 또는그리스몽키.

답변3

이 문제를 해결하는 가장 간단한 방법은 북마크릿을 사용하는 것입니다.

  1. 브라우저에서 새 북마크를 만듭니다.
  2. 예를 들어 "선택 활성화"(따옴표 제외) 또는 원하는 대로 이름을 지정합니다.
  3. 위치 텍스트 상자에 다음 코드를 붙여넣습니다.
javascript:(function(){var style=document.createElement('style');
style.innerHTML='*{user-select: auto !important;} ::selection{background-color: blue !important; color: white !important}';
document.body.appendChild(style);
document.body.onselectstart=function(){return true};
document.body.onmousedown=function(){return true};
document.onkeydown=function(){return true};
})();

따라서 귀찮은 웹사이트에서 텍스트 선택을 활성화하고 싶을 때마다 이 북마크를 클릭하기만 하면 됩니다.

이 코드는 a-holes가 웹 사이트에서 텍스트 선택을 비활성화하기 위해 사용하는 가장 빈번한 CSS 및 JavaScript 기반 방식을 처리합니다. 덜 빈번한 방법으로는 코드에 대한 추가 조정이 필요할 수 있습니다.

답변4

개발자 도구(F12)를 열고 요소 탭으로 변경한 후 아래에서 다음 CSS 규칙을 선택 취소하세요.몸:

  • 사용자 선택: 없음;
  • 웹킷-사용자-선택: 없음;

데모 이미지

관련 정보