禁用HTML中的空格选择

Question

我需要识别单击的单词（在屏幕上的任何单词上单击我应该检测到该单词）我能够使用jQuery获取它。我想排除点击空格。

即如上所述，当我点击单词“together”和向下箭头之间的任意位置时，它一起选择单词，但在这种情况下我的要求无需选择。

我正在使用https://github.com/megahertz/jquery.get-word-by-event库进行单词点击。

Answer 1

使用CSS，您可以在html文档中停用文字选择。那么你想要哪个文本，不要被选中，将它保存在div - 标记中，然后将CSS style对象实现到div - 标记：

div{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

希望这可以解决您的问题。

以下评论的其他变更：

body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

在正文上实施此css会禁用所有文字或任何其他HTML object。

Answer 2

点击后即可使用以下内容。在点击之后通过以下

传递工作

function hasWhiteSpace(s) {
  return /\s/g.test(s);
}

您可以轻松找出选择是空白还是有单词。如果仅选择空格，则返回false。