Liea
'자바스크립트' 태그의 글 목록

자바스크립트

① 공부/HTML, JavaScript, Vue.js, CSS

[JavaScript] 웹사이트 기능 제한하기(우클릭, 드래그, 키보드 입력(복사, 붙여넣기, 개발자도구, 소스코드 보기))

아래의 소스코드는 다음과 같은 기능을 제한한다. - 우클릭 - 드래그 - 키보드 입력(복사, 붙여넣기) - 개발자도구 - 소스코드 보기 // 마우스 우클릭 막기 document.addEventListener('contextmenu', function(e) { e.preventDefault(); }); // 드래그 막기 document.addEventListener('dragstart', function(e) { e.preventDefault(); }); // 키보드 입력 막기 document.addEventListener('keydown', function(e) { // F12 막기 if (e.keyCode === 123) { e.preventDefault(); } // Ctrl + U 막기 if (e...

① 공부/HTML, JavaScript, Vue.js, CSS

[JavaScript] JavaScript 화면 출력하는 다양한 방법

1. 경고창 window.alert() window.alert("출력"); 2. HTML출력 document.write() document.write("HTML출력"); // HTML document 이후에 document.write()의 사용은 // 존재하는 모든 HTML을 지우고 완전히 로드되기 때문에 // 테스트 용도로만 추천 JavaScript 출력 테스트 click 3. HTML요소에 출력 innerHTML document.getElementById("test").innerHTML = '출력'; 4. 브라우저 콘솔에 출력 console.log() // 브라우저 F12 개발자 모드에서 확인 가능console.log("출력");