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