带图像的 JQuery 可拖动元素 - 在 IE 和 Chrome 中拖动时出现问题

标签 jquery internet-explorer drag-and-drop google-chrome

我有定义为可拖动的 div。每个 div 包含一张图像和一些文本。拖动在 Firefox 和 Opera 中工作得很好,但在 Chrome 和 IE 中我只能通过鼠标按下文本而不是图像来开始拖动。当我在 IE 和 Chrome 中将鼠标放在图像上时,内置的 html 元素拖放浏览器功能就会启动 - 尝试仅拖动图像元素(就像剪切和粘贴一样)。我怎样才能覆盖这个?

最佳答案

偶然发现一个简单的解决方案(不涉及css背景)。只需将 draggable="false" 属性添加到您的图像即可。这将禁用拖动“功能”:)

<img draggable="false" src="http://www.google.com/intl/en_com/images/srpr/logo1w.png"/>

也可以通过 javascript 设置,img.draggable = "false";

关于带图像的 JQuery 可拖动元素 - 在 IE 和 Chrome 中拖动时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1708437/

相关文章:

javascript - 表单重置后,js checkValidity() 不再正常运行

java - 动态创建多个 imageButtons 使拖放变得困难

delphi - 在网格上拖动时拖动图像更改

java - Matlab 将文件从 Windows 资源管理器拖放到图形 (gui)

jquery - 在除特殊元素之外的所有元素中应用样式

javascript - 如何解决Google Charts loader.js只能加载一次

javascript - 动态添加计数器单位(K、L、M)

html - 在 IE7 中扩展出现在画廊下方的菜单

html - CSS 目标 Internet Explorer 和屏幕宽度

javascript - 如何保存所有数据