Javascript/CSS禁用文本选择

Question

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

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

非常感谢您的宝贵时间.

Answer 1

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

顺便提一下谷歌的第一个结果......

额外

$('#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;
}

但是,看看这里,CSS解决方案在2013年末还不够,所以你应该添加一些javascript.周围有很好的答案.