怎么实现html禁止选择
程序员文章站
2022-03-22 17:41:07
...
html禁止选择的实现方法：1、通过css的方式实现禁止html内容被选中；2、通过在body标签中添加onselectstart等属性实现禁止html内容被选中；3、通过在js中添加onselectstart语句实现禁止。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
页面中，禁止html内容被选中
1、通过css的方式
*{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
user-select属性：参考https://www.html.cn/book/css/properties/user-interface/user-select.htm
2、通过在body标签中添加如下属性：
<body "return false;" onselectstart="return false">
前面一句是禁止右键的，后面一句是禁止复制的。
3、在js中添加如下两行语句：
//禁止页面选择以及鼠标右键
document.function(){return false;};
document.onselectstart=function(){return false;};
【推荐学习：HTML视频教程】
以上就是怎么实现html禁止选择的详细内容，更多请关注其它相关文章！
下一篇： html图片失真怎么办
推荐阅读
-
怎么实现背景色从中间往两边渐变？_html/css_WEB-ITnose
-
[在线]请教一个页面刷新实现radio控件清除选择_html/css_WEB-ITnose
-
在HTML中如何实现链接选择？详见内容_html/css_WEB-ITnose
-
javascript-从a.html发送一些选项和文本到b.html，怎么实现呢？
-
求教，有这么一个效果，当把鼠标放上去二维码慢慢的出来，鼠标离开二维码慢慢的下去，怎么去实现。_html/css_WEB-ITnose
-
laravel怎么实现多条件模糊查询，而且前端选择查询的选项可以为空！
-
HTML5新控件之日期和时间选择输入的实现代码
-
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
-
HTML5新控件之日期和时间选择输入的实现代码
-
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能