프론트엔드 js에서 소스코드 보기를 금지하기 위해 마우스 오른쪽 버튼과 F12를 금지하는 이유는 무엇인가요? (소스 코드)

이 기사에서는 프론트엔드 js가 마우스 오른쪽 버튼을 금지하고 F12가 소스 코드 보기를 금지하는 이유에 대한 내용을 제공합니다. (소스 코드) 특정 참고 가치가 있습니다. 도움이 필요한 친구가 참고할 수 있기를 바랍니다.

HTML 프론트 엔드 개발에서 F12가 요소를 검사할 때 모든 사람이 페이지 일부의 코드를 무작위로 변경하거나 악성 JS를 삽입하는 등의 작업을 수행할 수 있습니다. 일부를 볼 수는 있지만 이러한 상황을 피하는 것은 어렵지 않습니다. H5 소스코드는 수정이 불가능합니다.

1. 블록 F12 검토 요소

<script>
    document.onkeydown = function () {
        if (window.event && window.event.keyCode == 123) {
            alert("F12被禁用");
            event.keyCode = 0;
            event.returnValue = false;
        }
        if (window.event && window.event.keyCode == 13) {
            window.event.keyCode = 505;
        }
        if (window.event && window.event.keyCode == 8) {
            alert(str + "\n请使用Del键进行字符的删除操作！");
            window.event.returnValue = false;
        }
    }
</script>

2. 블록 오른쪽 클릭

<script>
    document.oncontextmenu = function (event) {
        if (window.event) {
            event = window.event;
        }
        try {
            var the = event.srcElement;
            if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                return false;
            }
            return true;
        } catch (e) {
            return false;
        }
    }

4. 블록 복사

<script>
    document.onpaste = function (event) {
        if (window.event) {
            event = window.event;
        }
        try {
            var the = event.srcElement;
            if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                return false;
            }
            return true;
        } catch (e) {
            return false;
        }
    }
</script>

5. 블록 선택

<script>
    document.oncopy = function (event) {
        if (window.event) {
            event = window.event;
        }
        try {
            var the = event.srcElement;
            if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                return false;
            }
            return true;
        } catch (e) {
            return false;
        }
    }
</script>

입니다. 프론트엔드 js의 소스코드를 보기 위해 마우스 오른쪽 버튼과 F12를 비활성화하는 목적은 무엇인가요? (소스 코드) 전체 소개,

JavaScript 비디오 튜토리얼

에 대해 더 알고 싶다면 PHP 중국어 웹 사이트를 주목하세요.

위 내용은 프론트엔드 js에서 소스코드 보기를 금지하기 위해 마우스 오른쪽 버튼과 F12를 금지하는 이유는 무엇인가요? (소스 코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!