欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」怎么禁止别人复制前端页面的图片和文字?

作者 : 自学哈 本文共1272个字,预计阅读时间需要4分钟 2022-10-30 共109人阅读
也想出现在这里? 联系我们

这个一般是很难防止的,下面的方法仿君子不防小人,小伙伴们可以参考一下

以下代码放到页面共用底部或者需要禁止的页面中就可以

<script type="text/javascript">
    //禁止鼠标右键事件
    $(function() {
        $(document).contextmenu(function() {
            return false
        })
    });

    //禁止键盘粘贴复制
    function forbidKeyboard() {
        $(document).keydown(function(e) {
            /*9:Tab键, 17:Control键, 18:Alt键, 123:F12键, 83:S键*/
            var keyboardCode = [9, 17, 18, 123];
            for (i in keyboardCode) {
                if (keyboardCode[i] == e.keyCode) {
                    return false;
                }
            }
            if ((e.keyCode == 83) && (e.ctrlKey || e.metaKey)) {
                return false;
            }
        });
        /*禁止文本选择功能*/
        $(document).bind("selectstart", function() {
            return false;
        });
    }
    $(function() {
        forbidKeyboard();
    });

    //禁制拖动图片
    $(function() {
        $(document).bind("contextmenu copy selectstart", function() {
            return false;
        });
        var img = $("img");
        img.on("contextmenu", function() {
            return false;
        });
        img.on("dragstart", function() {
            return false;
        });
        img.on('mousedown', function(e) {
            e.preventDefault()
        });
    })
</script>

好了,就是这么简单,你学废了吗?

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」怎么禁止别人复制前端页面的图片和文字?
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号