首页前端开发HTMLhtml代码让文字不能复制

html代码让文字不能复制

时间2023-11-11 19:02:03发布访客分类HTML浏览208
导读:在网页开发中,有时我们需要对网页中的文字内容进行保护,防止别人直接复制、粘贴或者截屏的情况发生。这时候,我们可以通过编写一些特定的HTML代码来实现这个目的。其中,最简单的方式就是使用以下的代码: <body oncontextmen...

在网页开发中,有时我们需要对网页中的文字内容进行保护,防止别人直接复制、粘贴或者截屏的情况发生。这时候,我们可以通过编写一些特定的HTML代码来实现这个目的。

其中,最简单的方式就是使用以下的代码:

	body oncontextmenu="return false;
    " onselectstart="return false;
    ">
    

其中,oncontextmenu="return false; " 可以防止右键菜单及复制内容的弹出,onselectstart="return false; " 可以防止选中内容后直接复制。

除了以上的代码,我们还可以使用CSS样式来实现文字内容的保护。其中,如下两种方式较为常见。

	/*第一种方式*/ 		body, p, span{
     	-webkit-user-select: none;
     	-moz-user-select:none;
     	-ms-user-select:none;
     	user-select:none;
 	}
    			style>
	.noselect {
    	-webkit-user-select: none;
     	  -moz-user-select:none;
     	-ms-user-select:none;
     	user-select:none;
 	}
    	/style>
    		p class="noselect">
    这段文字不能被选中啊!/p>
    

借助上述代码,我们可以在不必打扰用户选择网页其他功能的同时,确保网页文字的版权。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html代码让文字不能复制
本文地址: https://pptw.com/jishu/534910.html
css 去掉一个样式 css 去掉右侧滚动条

游客 回复需填写必要信息