2013-04-25 27 views
1

我想禁用点击并拖动链接禁用锚链接点击+在HTML页面拖动/滑动里面链接的容器

。当您按下鼠标左键点击在一个链接网页,然后拖动这一个,你可以移动链接,并通过例子打开一个新的标签。我想在我的页面上禁用此功能,javascript或css。

在网站500像素,他们禁止它:

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

例如在这张照片中,你可以点击链接(照片),但它无法拖动链接。避免拖放图片也很好。

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

我禁用链接他们停止的dragstart(感谢 “KevinIsNowOnline”):

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

但是,我需要拖动/刷卡容器!所以我正在寻找一个解决方案来做到这一点。

没有联系,工作原理: http://jsfiddle.net/Ff3Ts/

的链接,不工作: http://jsfiddle.net/Mfmfz/

中的实例,您可以拖动/刷卡容器时有没有联系,但它不是使用链接。

有什么想法?

谢谢。

回答

6

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

请参见下面的代码:

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以获取更多信息。