Question

我正在使用具有可拖动滚动条的图像查看器。当用户拖动滚动条时，网页上的某些文本会被选中。我试过了

window.getSelection().removeAllRanges();

但这似乎不适用于IE7 / 8。还试过

document.getSelection().removeAllRanges();

似乎与IE7 / 8一样“很好”。

还有其他方法吗？不知道任何jQuery解决方案，但如果有，请告诉我（：

编辑：这是onmouse-event

的上下文

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

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

Answer 1

尝试在您使用的函数上返回false，尤其是对于“mousedown”事件。在document.onselectstart和document.ondragstart上返回false也会有所帮助。

Answer 2

你可以添加一些CSS（用jquery）来解决这个问题：

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

无论如何，对于IE，你需要在该元素上添加一个专有属性（带有jquery）：

unselectable="on"

使用javascript删除选择

2 个答案: