javascript - 禁用 anchor 链接单击+在HTML页面中拖动/滑动带有内部链接的容器

标签 javascript html hyperlink

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

当您在网页中的链接上单击鼠标左键并拖动该链接时,您可以移动该链接,例如打开一个新选项卡。我想在我的页面、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 Link获取更多信息。

关于javascript - 禁用 anchor 链接单击+在HTML页面中拖动/滑动带有内部链接的容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16205940/

相关文章:

javascript - 尝试使用 CSS/Javascript 实现文本 slider ,遇到一些问题

javascript - 当我单击下一个/上一个按钮时,jQuery DatePicker 消失

javascript - 如何使用 CDN 在我的 Rails 应用程序中包含 jQuery/bootstrap/javascript?

javascript - html5 Canvas 动力学文本框

html - 使用链接重定向到页面的特定部分

android - 如何阻止 whatsapp 将字符串解释为超链接

javascript - 如何一次选择两个链接? (即标题和图片)

javascript - 如果元素的索引超过 3,选择元素的最佳方法是什么?

Javascript 不写正斜杠

html - 如何响应式设置 margin ?