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

Disable anchor link click + drag in HTML page / Swipe a container with links inside

本文关键字:链接 拖动 HTML      更新时间:2023-09-26

我想禁用点击+拖动链接

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

在示例中,您可以在没有链接的情况下拖动/滑动容器,但它不适用于链接。

任何想法?

谢谢。

你好,我已经检查了您发布的网站,并能够观察到您想要实现的目标。

请参阅下面的代码:

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

查看jsFiddle链接获取更多信息