禁用HTML元素上的拖放？

`元素上.)

---

投票赞成这个答案.moused答案IMO太短(你可以在其他情况下使用mousedown事件).这个答案非常好:)

---

这确实是一个更好的答案,对鼠标按下'preventDefault()'有太多的副作用(例如防止表格文本输入的焦点/不聚焦)

2> Sergey Ilins..：

---

尝试阻止mousedown事件的默认值:

asd

要么

asd

---

抱歉，这太糟糕了。请参阅下面的答案。

---

+1-但是，这在Firefox（6.0及更低版本）中具有不幸的副作用，在这种情况下，它会阻止将'：active'伪类应用于该元素。这意味着我不能真正将其用于链接。

3> icl7126..：

---

您只需使用draggable="false"属性即可禁用拖动.
http://www.w3schools.com/tags/att_global_draggable.asp

4> Tosh..：

---

这可能有效:您可以禁用css3选择文本,图像和基本上所有内容.

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

当然只适用于较新的浏览器.有关详细信息,请检查

如何禁用使用CSS突出显示文本？

5> Victor Roman..：

---

使用jQuery,它将是这样的:

$(document).ready(function() {
  $('#yourDiv').on('mousedown', function(e) {
      e.preventDefault();
  });
});

在我的情况下,我想从输入中的drop text禁用用户,所以我使用"drop"而不是"mousedown".

$(document).ready(function() {
  $('input').on('drop', function(event) {
    event.preventDefault();
  });
});

相反,event.preventDefault()可以返回false.这是区别.

和代码:

$(document).ready(function() {
  $('input').on('drop', function() {
    return false;
  });
});