javascript - 拖动任何devexpress组件时如何防止其他元素突出显示？

Question

刚刚将我的 devexpress 版本更新到 12.1，现在所有可拖动元素都在 Chrome (20.0.1132.47 m) 上突出显示了背景元素。

例如，当我拖动拆分器时，所有页面都在闪烁，当我拖动 ASPxPivotGrid 或 ASPxGridView 字段时，字段有时会突出显示并且附近的元素会突出显示，然后我拖过它们。在 ASPxGridview 中，当我调整列的大小时，如果我稍微移动鼠标以向上或向下移动几乎所有标题突出显示。当我在 ASPxPivotGrid 自定义表单中拖动字段时，也有不需要的突出显示..

顺便说一句，在 IE9、FF11、Opera 11.6 中运行良好。

是devexpress的bug吗？我该如何修复它以便拖动不会突出显示背景元素？也许某种全局 jquery 函数会有所帮助？

Answer 1

您可以使用以下方法防止在整个文档中进行选择:

$(document).on("selectstart", false);

您可以通过删除该事件处理程序再次启用选择:

$(document).off("selectstart", false);

您可以在元素上 mousedown 期间禁用选择，并在 mouseup 期间再次启用它。用户在何处触发 mouseup 并不重要，因此请将其附加到 document:http://jsfiddle.net/Wdj6w/ .

$("div").on("mousedown", function() {
  $(document).on("selectstart", false);
});

$(document).on("mouseup", function() {
  $(document).off("selectstart", false);
});