在Firefox中拖动鼠标时如何防止文本选择？

2018-06-14 13:16:25

我想知道这些拖放小部件如何取消拖动元素和页面中的其他元素的文本选择。我尝试了以下在IE8中工作的代码（无法选择文本），但在Firefox中不起作用（仍然可以选择文本）。

<!DOCTYPE html>
<html>
<body>
  <p>Hello World</p>
  <script type="text/javascript">
    document.onmousemove = function() {
      return false;
  }
  </script>
</body>
</html>

或者，与Moz的IE8解决方案类似：

document.body.style.MozUserSelect="none"

有一种情况是我有一个水平滚动条，并在拖动滚动条的同时选择了页面上的文本。当我的滚动启动函数触发时，我使用jQuery向主体添加一个“不可选”类，并在执行滚动停止函数时删除类。像这样：

function startDrag(event){
    $('body').addClass('unselectable');

    // start drag code
}

function stopDrag(event){
    $('body').removeClass('unselectable');

    // stop drag code
}

这就是我的CSS文档中无法选择的类。

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

链接地址: http://www.djcxy.com/p/41395.html

上一篇: how to prevent text selection when dragging mouse in Firefox?

下一篇: How do I prevent selection scrolling in the body