在HTML页面中禁用锚链接点击+拖动/滑动带有链接的容器
Disable anchor link click + drag in HTML page / Swipe a container with links inside
我想禁用点击+拖动链接
当你在网页中的链接上按下鼠标左键,并拖动这个链接时,你可以移动该链接,例如打开一个新的选项卡。我想禁用这个在我的页面,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链接获取更多信息
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 如何使用jQuery自动打开页面上的所有链接
- jQuery mouseup在拖离链接后未启动
- 检测“;animationend”;链接动画集的事件
- 使用 jQuery 拖动将链接拖动到浏览器
- 如何使用拖放创建带有链接的列表
- 使用 Yahoo API 拖放带有链接锚点的容器
- 在拖动事件期间禁用链接 Javascript
- 将拖放链接拖放到仅包含文本的文本框中
- 在拖动链接时防止“单击”
- 拖动到输入的链接并将其文本附加到其中
- 阻止对象链接在拖动时工作
- 在HTML页面中禁用锚链接点击+拖动/滑动带有链接的容器
- Firefox:无法拖动超链接
- 防止可拖动链接在我放下它时打开
- X-ms-window命令拖动和链接屏幕分辨率'
- 在将链接拖动到书签工具栏的同时修改链接
- HTML-为什么链接和图像在默认情况下是可拖动的
- 如何通过链接和拖动控制网站上的滚动
- 带有链接区域的可拖动图像