
据我所知(我是彩笔)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差不多,别管那么多,你知道就行了
好了,我说完了,孩子没金币买补签卡了,来水水帖子求大家打赏点金币吧
document.onselectstart=function(){return false;};
Start