HTML에서 선택 금지를 구현하는 방법
- 藏色散人원래의
- 2021-04-12 09:36:262858검색
html 선택 금지 구현 방법: 1. CSS를 통해 html 콘텐츠가 선택되지 않도록 합니다. 2. body 태그에 onselectstart 및 기타 속성을 추가하여 html 콘텐츠가 선택되지 않도록 합니다. 3. js에 onselectstart 문을 추가하여 구현합니다. 금지하다.
이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.
페이지에서는 HTML 콘텐츠를 선택할 수 없습니다
1. css
*{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}user-select 속성을 통해: https://www.html.cn/book/css/properties/user-interface/user를 참조하세요. -select .htm
2. body 태그에 다음 속성을 추가합니다.
<body "return false;" onselectstart="return false">
첫 번째 문장은 마우스 오른쪽 버튼 클릭을 금지하고, 두 번째 문장은 복사를 금지합니다.
3. js에 다음 두 줄의 명령문을 추가하세요.
//禁止页面选择以及鼠标右键
document.function(){return false;};
document.onselectstart=function(){return false;};[추천 학습: HTML 비디오 튜토리얼]
위 내용은 HTML에서 선택 금지를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：HTML 이미지가 왜곡된 경우 대처 방법다음 기사：HTML 이미지가 왜곡된 경우 대처 방법