防止双击选择文本

Question

我制作了一个 jQuery 移动小部件，它的左侧有一个减号按钮，右侧有一个加号按钮，中间有一个 div，数字会在按下加号或减号按钮。它本质上只是一个 "quantity" 选择器。

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

谁能想出办法防止这种情况发生？

Answer 1

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

这里是交叉兼容的CSSclass

.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;
}

并将此 class 添加到您希望不可选的所有元素。

Answer 2

看来你要找的是user-select

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

防止双击选择文本

Prevent double tap from selecting text

javascript

jquery

jquery-mobile