HTML5 draggable ='false'在Firefox浏览器中不起作用

我只是试图将HTML5 draggable ='false'属性应用于某些图像，但它不适用于Firefox浏览器。 在Chrome工作正常，但在Firefox上，选择后可以拖放图像。 示例代码可以在这里看到：

<div id="dnd">
    <textarea placeholder="drop here"></textarea>
    <img src="http://johnlewis.scene7.com/is/image/JohnLewis/231108668?$prod_main$" draggable='false'/>
</div>

的jsfiddle

我有Firefox最新版本：32.0.3

谷歌很多，但没有找到更好的解决方案。 没有使用JavaScript的解决方案吗？ 任何帮助，将不胜感激。

谢谢

---

试试这个

add ondragstart =“return false;” 到你的html元素

<div id="dnd">
    <textarea placeholder="drop here"></textarea>
    <img src="http://johnlewis.scene7.com/is/image/JohnLewis/231108668?$prod_main$" draggable='false' ondragstart="return false;"/>
</div>

---

您可以将以下CSS属性设置为图像：

.unselectable {
    /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
    /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */
    -moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none; /* Not valid CSS yet, as of July 2012 */

    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none;
}

HTML代码：

<img src="something.jpg" class="unselectable">

小提琴

链接地址: http://www.djcxy.com/p/64281.html

上一篇: HTML5 draggable='false' not working in Firefox browser

下一篇: Drag and drop directive , no e.clientX or e.clientY on drag event in FireFox