How to stop default select event action in jquery

Question

I have coded a JQuery plug-in, but there are some troubles with that. I want to select multi-row in a table by pressing down the shift key and click a table row, but when I selected some browser, its default style is added to the selected text. I don't have enough reputation to post a picture. Please click here to see the picture.

how can I wipe out those style?

Just use an alternative solution to select multiple row, use `checkbox` — HTTP, Jul 25 '13 at 08:47

score 0 · Answer 1 · answered Jul 25 '13 at 08:47

0

You can disable the user selection in css -

table{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}

answered Jul 25 '13 at 08:47

Mohammad Adil

44,013
17
87
109

This version is more complete, I think: http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting – Joum Jul 25 '13 at 08:53
@pXL yes!Its function well!Thank you! – xsong Jul 25 '13 at 08:58
oh!but it can not function in ie8 and firefox! – xsong Jul 25 '13 at 09:09

score 0 · Answer 2 · answered Jul 26 '13 at 07:05

finally,I get a way to solve this problem,by preventing text be selected.code as follows

if (typeof document.onselectstart!="undefined")
    document.onselectstart=new Function ("return false");
else{
    document.onmousedown=false;
    document.onmouseup=true;
}

But, I have never been able to select the text.

How to stop default select event action in jquery

2 Answers2