禁用锚点链接单击+在HTML页面中拖动/在内部链接的情况下滑动容器

Question

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

当您在网页的链接上按左键单击鼠标并拖动此链接时,您可以移动链接,例如打开一个新选项卡.我想在我的页面,javascript或css上禁用此功能.

在网站500px上,他们禁用了它:

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

例如,在此照片上,您可以单击链接(照片),但无法拖动链接.避免拖放图片也很好.

因此,如果我禁用链接,我不需要禁用容器.

我禁用链接停止它们的dragstart(感谢"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链接以获取更多信息.