触屏页面移动默认选中设置

最新推荐文章于 2021-09-01 23:27:12 发布

wangjinsheng593

最新推荐文章于 2021-09-01 23:27:12 发布

阅读量251

点赞数

分类专栏： vue web前端 vue自适应文章标签：触屏选中取消默认选中

本文链接：https://blog.csdn.net/wjswangjinsheng/article/details/103505794

版权

web前端同时被 3 个专栏收录

43 篇文章 0 订阅

订阅专栏

vue

38 篇文章 0 订阅

订阅专栏

vue自适应

2 篇文章 0 订阅

订阅专栏

在做自助收银系统时，用户在页面任何地方点击两下，会默认选中两个点之间的区域，还会出现选中的颜色，这对于触屏程序来说是很不友好的，折腾半个小时候找到了一个解决办法，亲测有效。

1.使用以下代码，两点之间将不再会默认选中，我把这个css放在APP.vue下，全局有效

.disable-select {
  user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}