使用JavaScript和/或CSS禁用文本选择

我试图创建一个文本按钮，使用简单的span和格式化文本，并提供onclick行为。问题是，当用户单击按钮时，它有时会突出显示按钮的文本

我想避免这种行为，因为选择文本时它看起来非常丑陋。我是否可以使用CSS/JavaScript/（jQuery）内容来避免这种情况

spanid.onselectstart = function() {return false;} // ie
spanid.onmousedown = function() {return false;} // mozilla

顺便说一句，谷歌的第一个结果

额外的

$('#spanid').selectstart(function(event) {
  event.preventDefault();
});

顺便说一句，谷歌的第一个结果

额外的

$('#spanid').selectstart(function(event) {
  event.preventDefault();
});

你可以写：

$('#spanid').disableSelection();

你可以写：

$('#spanid').disableSelection();

对于CSS解决方案：

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none; /* Isn't Konquerour dead? */
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

但是，CSS解决方案在2013年底还不够，所以您应该添加一些javascript。有很多好的答案

对于CSS解决方案：

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none; /* Isn't Konquerour dead? */
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

---

但是，CSS解决方案在2013年底还不够，所以您应该添加一些javascript。有很多好的答案

当所有提到javascript的地方都以“jquery”作为后缀时，我看到了，并且微笑着。有时我觉得社区与遗留的javascript失去了联系。当所有提到javascript的地方都以“jquery”作为后缀时，我看到和微笑的可能重复。有时我觉得社区与遗留javascript失去了联系。对于这样一个简单的解决方案，+1可能会重复：）我没有意识到对于这样一个简单的解决方案，）我没有意识到它会如此简单只是为了澄清，这需要jquery库。只是为了澄清，这需要jquery库。