2

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

当您在网页中的链接上按下鼠标左键并拖动此链接时，您可以移动链接，例如打开一个新选项卡。我想在我的页面、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/

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

任何想法？

谢谢。

4

1 回答 1

8

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

请看下面的代码：

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

查看此jsFiddle 链接以获取更多信息。

于 2013-04-25T03:46:49.997 回答