HTML table highlight rows but dont highlight text

Question

I'm writing some javascript functions which allow a user to select rows using ctrl and shift. However, when a user clicks on a row sometimes the actual table data is highlighted, asif you were going to copy and paste a value over into a word document.

Is there any way i can make the data un-highlightable?

It sounds like you are setting the background on the element that is clicked, rather than on whatever table row contains it. If you show the relevant portion of your code, it would be easier to assist. — Anders Fjeldstad, Feb 21 '11 at 12:01
Can't really put code in here as it's way too complicated. But, a user selects a row, this does colour the whole row element blue. If they hold down shift and then click on another row it starts to highlight the values asif i was going to copy and paste the table into excel (which is probably expected), so i need to turn off this default behaviour? — Tom, Feb 21 '11 at 12:19

score 0 · Answer 1 · answered Feb 21 '11 at 12:03

You can try adding:

onselectstart="return false;"

to your table HTML.

If you are using Jquery:

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

score 0 · Answer 2 · edited May 23 '17 at 12:20

0

Refer - Prevent selection in HTML

edited May 23 '17 at 12:20

Community

1
1

answered Feb 21 '11 at 12:04

ankitjaininfo

11,961
7
52
75

score 0 · Answer 3 · answered Feb 21 '11 at 12:05

0

I'm not sure there's a JavaScript solution but there is a partial css solution:

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

answered Feb 21 '11 at 12:05

meouw

41,754
10
52
69

HTML table highlight rows but dont highlight text

3 Answers3