防止双击选择文本

Question

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

问题是当按下任一按钮太频繁时（如果你想快速添加几个项目），那么它会选择页面上的其他文字，如截图所示。

有人能想出一种防止这种情况的方法吗？

Answer 1

您必须阻止按钮中的文字选择：

这是一个交叉兼容的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;
}

并将此类添加到您想要无法选择的所有元素中。

Answer 2

您正在寻找的是user-select

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