在 HTML 页面中禁用锚链接单击 + 拖动/滑动带有链接的容器

Question

我想禁用链接上的点击+拖动

当您在网页中的链接上按下鼠标左键并拖动该链接时，您可以移动链接，例如打开一个新标签页。我想在我的页面、javascript 或 css 上禁用此功能。

在网站 500px 上，他们禁用了它：

http://500px.com/photo/31922503

以这张照片为例，您可以点击链接（照片），但无法拖动链接。避免图片的拖拽也不错。

所以如果我禁用链接，我不需要禁用容器。

我禁用了停止对它们进行拖动启动的链接（感谢“KevinIsNowOnline”）：

$('div#multislides').on('dragstart', 'a', function () {
    return false;
});

但是，我需要拖动/滑动容器！所以我正在寻找解决方案。

没有链接，作品： http://jsfiddle.net/Ff3Ts/

使用链接，不起作用： http://jsfiddle.net/Mfmfz/

在示例中，您可以在没有链接时拖动/滑动容器，但它不适用于链接。

有什么想法吗？

谢谢。

Answer 1

您好，我检查了您发布的网站，能够观察到您想要实现的目标。

请看下面的代码：

document.getElementById('notClickable').ondragstart = function() { return false; };
//upon start of drag of the selected image, it immediately returns false, or cancels the event.

查看此jsFiddle Link 了解更多信息。