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 回答