Jquery - 拖动时禁用选择

Question

我正在尝试使用jquery库执行自己的拖放功能。但每当我在图像上进行mousedown时，鼠标移动，我的浏览器“突出显示”或“选择”图像，这会扰乱我的鼠标移动操作。

如何禁用选择/突出显示？我试过了$('img').onselectstart = function() {return false;}，但这没效果。

Answer 1

您可以阻止dragstart事件的默认行为......

$('img').bind('dragstart', function(event) { event.preventDefault(); });

jsFiddle

Answer 2

jQuery UI有一个未记录的方法，用于禁用浏览器文本选择。您可以使用以下语法调用它：

$('IMG').disableSelection();

请记住，您需要使用jQuery UI（我假设您是这样）。