JavaScript：停止选择可拖动元素

Question

嘿，我只是在 jsFiddle 中乱搞，并尝试进行简单的拖放操作。我没有费心去获取偏移量等，所以一旦你点击它，它就会以你的鼠标为中心。当鼠标按下时，我返回 false，我认为这会阻止“幽灵”元素的出现。但事实并非如此。我将鼠标放在身体上，以防万一，但这也没有帮助。

所以基本上我的问题是，如何停止选择元素？您可以在这里找到小提琴： http://jsfiddle.net/Wolfy87/HY2u4/

任何帮助都会非常感谢。谢谢。

编辑：我刚刚在 safari 中测试了它，它很好，到目前为止它似乎只有 firefox。

Answer 1

jQuery.fn.extend({ 
  disableSelection : function() { 
    this.each(function() { 
      this.onselectstart = function() { return false; }; 
      this.unselectable = "on"; 
      jQuery(this).css('-moz-user-select', 'none'); 
    }); 
  } 
}); 

//How to use:
$('div.draggable').disableSelection();

没有 jQuery 的解决方案：

function disableSelection(target){ 
  if (typeof target.onselectstart!="undefined") //IE route 
    target.onselectstart=function(){return false} 
  else if (typeof target.style.MozUserSelect!="undefined") //Firefox route 
    target.style.MozUserSelect="none" 
  else //All other route (ie: Opera) 
    target.onmousedown=function(){return false} 
    target.style.cursor = "default" 
} 

找到于：
有没有办法使 HTML 页面上的文本变得不可选择？

Answer 2

修好了。原来我要设置onmousedown和onselectstart函数。我认为这与在标记中放置 onmousedown='...' 相同。无论如何，现在已经修复了。只需转到小提琴页面即可。

这基本上是修复它的代码。

$('div.draggable').attribute().onselectstart = function () {
    return false;
}

$('div.draggable').attribute().onmousedown = function () {
    return false;
}

它会停止在 Firefox 和 IE 中选择元素作为文本的默认操作。