Не выбираемый текст в HTML-таблице?

Question

Вопрос: я использую таблицу как список кнопок, используя onclick даже для каждой ячейки.
Проблема в том, что кнопки являются кнопками масштабирования, и при повторном нажатии слишком быстро (двойной щелчок) вы выбираете текст кнопки (= ячейка таблицы) (даже если не хотите), и это выглядит странно.
Могу ли я выключить это? Можно ли сделать текст в таблице невыбираемым?

Answer 1

Чтобы ответить на исходный вопрос ... Чтобы пользователь не мог выделить текст на странице, примените следующие правила CSS:

-moz-user-select: нет; -khtml-user-select: нет; выбор пользователя: нет;

Answer 2

Да, если вы сделаете правильную кнопку.Вы можете оформить кнопку так же, как вы можете оформить ячейку таблицы:

.button {
 background-color:blue;
 color:red;
 border:4px solid green;
}

<input type="button" class="button" value="MyButton" />

Вы все еще можете поместить ее в таблицу, если хотите (покайтесь, грешник!), Но, по крайней мере, сделайте кнопку кнопкой,;)

Если вы хотите, чтобы он автоматически заполнял ширину ячейки таблицы, установите кнопку на display:block;

Answer 3

добавление

style="user-select: none; -moz-user-select: none; -khtml-user-select: none;"    onselectstart="javascript:return false;"

к вашему столу нужно сделать трюк

<table id="TableUnselectableExample" style="width: 100%; user-select: none; -moz-user-select: none; -khtml-user-select: none;" onselectstart="javascript:return false;">

так что это комбинация решений, представленных здесь (работает в IE и FF)

Answer 4

Я рекомендую тег <button>. Читайте об этом здесь: http://www.w3schools.com/tags/tag_button.asp

Answer 5

Вы можете установить фокус на ТД, когда срабатывает событие onclick.
Вот пример с DIV, но то же самое относится и к TD.

<div onclick="clicked(this);">clicks:</div>
<script>
function clicked(div){
    div.innerHTML += '*';
    div.focus();
}
</script>

Answer 6

Извините, больше не актуально.

Я искал по пути css способ сделать это. но лучшее, что я нашел, было
http://www.tek -tips.com / viewthread.cfm? QID = 1184318 & страница = 1

Оказалось, мне действительно нужно добавить обработчик событий JS:

onselectstart="javascript: return(false);"

Вышеуказанное работает для IE и Chrome. Но тогда вам все равно нужно перевести его для FireCrap:

onselectstart="return false;"
onmousedown="if (typeof event.preventDefault != 'undefined') {event.preventDefault();}"