jquery - remove selection using javascript - Stack Overflow

admin管理员组

文章数量:1347193

I'm working on a image viewer that has a draggable scrollbar. When the user drags the scrollbar, some of the text on the webpage bees selected. I've tried

window.getSelection().removeAllRanges();

but that doesn't seem to work in IE7/8. Also tried the

document.getSelection().removeAllRanges();

which seems to work just as "well" with IE7/8.

Are there any other ways of doing this? Don't know of any jQuery solutions, but if there are, let me know (:

EDIT: This is the context of the onmouse-event

$("#slideBar").mousedown(function(f) {
    mouseDown = true;
    some more code...
}

$(document).mouseup(function() {
    if (mouseDown) {
       window.getSelection().removeAllRanges();
       more code...
    }
}

I'm working on a image viewer that has a draggable scrollbar. When the user drags the scrollbar, some of the text on the webpage bees selected. I've tried

window.getSelection().removeAllRanges();

but that doesn't seem to work in IE7/8. Also tried the

document.getSelection().removeAllRanges();

which seems to work just as "well" with IE7/8.

Are there any other ways of doing this? Don't know of any jQuery solutions, but if there are, let me know (:

EDIT: This is the context of the onmouse-event

$("#slideBar").mousedown(function(f) {
    mouseDown = true;
    some more code...
}

$(document).mouseup(function() {
    if (mouseDown) {
       window.getSelection().removeAllRanges();
       more code...
    }
}

• javascript
• jquery

Share Improve this question Follow edited Dec 31, 2011 at 14:07 Lightness Races in Orbit 386k7777 gold badges666666 silver badges1.1k1.1k bronze badges asked Apr 19, 2009 at 10:59 peirixpeirix 37.8k2424 gold badges9898 silver badges130130 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Try returning false on the functions you use, especially for the "mousedown" event. Also returning false on document.onselectstart and document.ondragstart would help.

You could add some CSS (with jquery) to deal with this:

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

Anyway, for IE, you need to add a proprietary attribute (with jquery) on that element:

unselectable="on"

本文标签： jqueryremove selection using javascriptStack Overflow