HTML表格突出顯示行，但不突出顯示文本

Question

我正在編寫一些JavaScript函數，允許用戶使用ctrl和shift選擇行。 但是，當用戶單擊一行時，有時會突出顯示實際的表數據，就好像您要將值復制並粘貼到Word文檔中一樣。

有沒有什么辦法可以使數據未高亮？

Answer 1

您可以嘗試添加：

onselectstart="return false;"

到表格HTML。

如果您使用的是Jquery：

$.fn.disableSelection = function() {
    $(this).attr('unselectable', 'on')
           .css('-moz-user-select', 'none')
           .each(function() { 
               this.onselectstart = function() { return false; };
            });
};

Answer 2

參考- 禁止在HTML中選擇

Answer 3

我不確定是否有JavaScript解決方案，但有部分CSS解決方案：

#my-table-id {
  -moz-user-select: none; /* for mozilla browsers */
  -webkit-user-select: none; /* for webkit browsers - safari, chrome */
}