Javascript / CSS Отключить выбор текста

Question

Я пытаюсь создать текстовую кнопку, используя простой интервал и форматирование текста и предоставляя возможность поведения при нажатии. Проблема в том, что когда пользователь нажимает кнопку, он иногда выделяет текст кнопки.

Я хочу избежать такого поведения, потому что оно выглядит чертовски уродливо, когда текст выделен. Любой 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;
}

Но, смотрите здесь , CSS-решения недостаточно в конце 2013 года, поэтому вам следует добавить немного JavaScript. Есть хорошие ответы вокруг.

Answer 3

Вы можете просто написать:

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