問題:我濫用表格作爲按鈕列表,甚至在每個單元格上使用onclick。
問題是,按鈕是縮放按鈕,並且反覆點擊太快(雙擊)時,選擇按鈕(=表格單元格)文本(即使您不想),而且看起來很奇怪。
我可以關閉嗎?我可以讓表格中的文字不可選嗎?html表格中的非可選文本?
2
A
回答
0
對不起,不再相關。
我沿着css的方式搜索來做到這一點。 但我發現最好的是
http://www.tek-tips.com/viewthread.cfm?qid=1184318&page=1
原來,我真的需要添加一個JS事件處理程序:
onselectstart="javascript: return(false);"
上述作品IE和Chrome。但是,你仍然需要它FireCrap翻譯:
onselectstart="return false;"
onmousedown="if (typeof event.preventDefault != 'undefined') {event.preventDefault();}"
4
是的,如果你讓它成爲一個合適的按鈕。您可以風格,就像你可以樣式表單元中的按鈕:(!悔改,罪人)
.button {
background-color:blue;
color:red;
border:4px solid green;
}
<input type="button" class="button" value="MyButton" />
你仍然可以把它放在一個表,如果你想,但至少讓一個按鈕一個按鈕。 ;)
如果你想讓它自動填充表格單元格的寬度,設置按鈕display:block;
5
要回答你原來的問題......爲了防止用戶能夠在網頁上標明的文字,應用下面的CSS規則:
-moz-user-select:none; -khtml-user-select:none; user-select:none;
+5
在IE中不起作用。 – 2010-02-02 21:29:32
0
當觸發onclick事件時,您可以在TD上設置焦點。
下面是一個DIV的例子,但同樣適用於TD。
<div onclick="clicked(this);">clicks:</div>
<script>
function clicked(div){
div.innerHTML += '*';
div.focus();
}
</script>
0
我推薦<button>
標籤。閱讀在這裏:http://www.w3schools.com/tags/tag_button.asp
1
加入
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作品)
相關問題
- 1. HTML表格單元格中的文本不可見!
- 2. html文本列表中的表格
- 3. HTML選項,文本格式
- 4. 使HTML表格可排序和可選
- 5. 在html表格的列中選擇文本
- 6. 通過Javascript選擇HTML表格中的文本?
- 7. HTML選擇選項文本格式
- 8. HTML中的非統一表格
- 9. 在Html表格中搜索文本
- 10. 如何將文本表格轉換爲PowerShell中的HTML表格
- 11. 在HTML表格背景上放置文本HTML表格中的圖像
- 12. Pandoc HTML到降價 - 非HTML表格
- 13. 如何提取嵌入在非表格文本文件中的表格數據?
- 14. HTML - 帶圖像和文本的表格
- 15. 非常基本的HTML格式
- 16. JavaScript的HTML:非可選項目
- 17. 以HTML格式顯示非格式文本並添加顏色
- 18. 從HTML表格中的文本文件中排序數據
- 19. 獲取非HTML文本值
- 20. 格式化HTML表格列中的文本?
- 21. 將HTML文本不可選擇
- 22. 一個非常簡單的HTML表格
- 23. HTML表格中的表格
- 24. 在HTML格式的JEditorPane中選擇指定的文本
- 25. 垂直和水平選項中的可滾動HTML表格
- 26. 非正式文本到HTML中CKEDITOR
- 27. HTML有編輯/刪除/查看選項的可選表格
- 28. 如何將選定的列表框複製到HTML格式的文本框中
- 29. wpf中的可選文本
- 30. 從PHP中的文本文件創建一個HTML表格
不要使用'javascript:'啓動事件處理程序,您將其與'href'屬性中的用法相混淆。這將下面的語句分配給IE中名爲「javascript」的標籤,本質上與「onselectstart =」blahblahblah:return(false);「'相同。這可能會在其他瀏覽器中引發錯誤。 – 2010-02-02 15:38:06