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

参考 - Prevent selection in HTML

Answer 3

我不确定是否有JavaScript解决方案，但有一个部分css解决方案：

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