js禁止选中文本，右键，ctrl+c

最新推荐文章于 2024-05-18 07:45:00 发布

浩星

最新推荐文章于 2024-05-18 07:45:00 发布

阅读量1.8k

点赞数 4

分类专栏：更多插件文章标签： js

本文链接：https://blog.csdn.net/qq_41619796/article/details/109462803

版权

更多插件专栏收录该内容

86 篇文章 10 订阅

订阅专栏

前言：

pc禁止ctrl+c，打开右键；移动端禁止长按选中文本。

1、禁止ctrl+c，禁止打开右键：

<script type="text/javascript">
	//禁止右键
    document.oncontextmenu = function () { return false; };

    //禁止ctrl+c
    document.onkeydown = function () {
        if ((window.event && window.event.keyCode == 123) || ((event.ctrlKey) || (window.event.keycode == 67))) {
        	alert(0)
            event.keyCode = 0;
            event.returnValue = false;
            return false;
        }
    };
</script>

2、禁止长按选中文本：（我使用的是css的, 亲测有用）

（1）css加样式，vue中的话给最外面的 id 为app 的div加class no-touch

.no-touch {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

（2）js 在需要禁止的dom上添加这段代码

ontouchstart="return false;"

3、测试demo源码（可运行）：

<!DOCTYPE html>
<html>
<head>
	<title>测试</title>
	<style type="text/css">
		/**加上该class后不能选中文字*/
		.no-touch {
		    -webkit-touch-callout: none;
		    -webkit-user-select: none;
		    -khtml-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		}
	</style>
</head>
<body>
	<div class="no-touch">
		adkjfadfjjkjkjkjkjkladffffffffffffffffffffffffffffffffffffffff
	</div>
</body>
</html>

<script type="text/javascript">
	//禁止右键
    document.oncontextmenu = function () { return false; };

    //禁止ctrl+c
    document.onkeydown = function () {
        if ((window.event && window.event.keyCode == 123) || ((event.ctrlKey) || (window.event.keycode == 67))) {
        	alert(0)
            event.keyCode = 0;
            event.returnValue = false;
            return false;
        }
    };
</script>

浩星

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
2
评论
js禁止选中文本，右键，ctrl+c

前言： pc禁止选中文本，打开右键；移动端禁止长按选中文本。pc禁止选中文本，打开右键：<script type="text/javascript"> document.oncontextmenu = new Function("return false"); document.oncontextmenu = function () { return false; }; document.onkeydown = function () { ...
复制链接

扫一扫