如何禁用contentEditable DIV的火狐图片修改操作？

Question

我在这里有一个js小提琴- http://jsfiddle.net/stevea/P9Wcr/1/ -与我制作的contentEditable的DIV，其中包含一个图像。

<div id='box' contentEditable="TRUE">
    <img src="http://s20.postimg.org/fpitivjl9/Pelican.jpg" width=150px; />
    Here's some text for the box so we can see how text interacts with the image.
</div>

我注意到，对于火狐，contentEditable允许用户点击图片来调出它的句柄，这允许调整图片的大小。或者，在单击图像后，可以将其拖动到容器中的另一个位置，如果在拖动的同时按住can键，则会创建该图像的副本，因此现在DIV中有两个图像。

我需要将DIV设置为contentEditable，但我不希望对图像执行上述任何操作，因为我的应用程序已经使用jQuery-UI使图像可调整大小和可拖动，而浏览器中的这些函数让用户可以践踏我提供的所有内容。

我已经添加了一个已知的修复程序来阻止Firefox拖动图像，这样就解决了部分问题，但当您单击图像时，调整大小手柄仍然会出现，并且您仍然可以调整它的大小。

有没有办法禁用Firefox的所有图片修改功能？

Answer 1

您是否尝试将事件onresizestart附加到return false;的图像中？

我相信这值得一试。

注意:我不能试用，因为我这里没有firefox :(

此外，您还可以获取div中的所有图像，并将每个图像的contentEditable属性设置为false。

对不起，编辑太多了