回复:  4 | 评论:  3
L10.军士长 V3.男爵
跳转到指定楼层
Icicle丶凌 发表于 2021-04-30 23:35 | 只看该用户的回复

JavaScript板块第一帖

禁止选择页面内容-Icicle丶凌

据我所知(我是彩笔)H5中禁止选择页面内容的方法至少有三种,我也只知道三种。

不多哔哔,直接开始。

(我还是要哔哔)我们知道,我们做前端的时候呢,有时候会不希望用户误触或者啥情况的,鼠标在页面拖动一下,然后会选中很多文字啦,还有元素的间隙啦(就是你设置的margin之类的还有代码中换行造成的空格),很不美观,那么为了防止这种情况的出现呢,我们就要禁止用户选择啦。直接上方法了。

三种:

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通过设置属性none来实现。

 

2.Html标签

<body onselectstart="return false"><body>

使用onselectstart属性return false来实现,这种方式我是比较喜欢的,这里推荐一下下

 

3.JavaScript

document.onselectstart=function(){return false;};

跟方法2差不多,别管那么多,你知道就行了

 

好了,我说完了,孩子没金币买补签卡了,来水水帖子求大家打赏点金币吧

最后一次于 2021-05-01 02:33 被 尘兵 编辑

打赏排行(共200枚金币)

L11.准尉 V4.子爵
潜水员
尘兵 发表于 2021-05-01 00:00 | 只看该用户的回复
=function(){return false;};

楼层评论(共3条)

JavaScript

所属:技术专区

管理员列表

扫二维码下载兵联社区客户端

使用兵联社区APP
解锁更多操作玩法