防止双击选择文本

Question

我已经制作了一个jQuery移动小部件，它在左边有一个减号按钮，右边有一个加号按钮，中间有一个div，这个数字在按正负按钮后会被更新。它本质上只是一个“数量”选择器。

问题是，当任何一个按钮被按得太频繁时(如果您想快速添加几个项目)，它就会选择页面上的其他文本，如屏幕截图中所示。

有人能想出办法来防止这种情况发生吗？

​

​

Answer 1

看来你要找的是user-select

有关更多信息，您还可以查看以下答案：How to disable text selection highlighting using CSS?

Answer 2

必须防止按钮中的文本选择：

下面是一个交叉兼容的CSS类

.noselect {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

并将这个类添加到您希望不可选择的所有元素中。