Question

我正在尝试使用简单的跨度创建文本按钮并格式化文本并提供onclick行为。问题是当用户点击按钮时，它有时会突出显示按钮的文本。

我想避免这种行为，因为在选择文本时它看起来很难看。我可以使用任何css / javascript /（jquery）来避免这种情况吗？

非常感谢你的时间。

Answer 1

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

顺便提一下Google的第一个结果......

<强>额外

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

Answer 2

对于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;
}

但是，looking here，CSS解决方案在2013年末还不够，所以你应该添加一些javascript。周围有很好的答案。

Answer 3

你可以写：

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

Javascript / CSS禁用文本选择

3 个答案: