Недоступный текст в таблице html?

Question

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

Answer 1

К сожалению, уже не актуально.

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

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

onselectstart="javascript: return(false);" 

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

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

Answer 2

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

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

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

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

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

Answer 3

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

-moz-user-select: none; -khtml-user-select: none; user-select: none;

Answer 4

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

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

Answer 5

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

Answer 6

добавления

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)