Question

我在这里有一个小提琴 - http://jsfiddle.net/stevea/P9Wcr/1/ - 有一个DIV，我已经制作了contentEditable并且包含了一个图像。

<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>

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

我需要让DIV成为contentEditable，但我不想在图像上允许任何上述操作，因为我的应用程序已经使用jQuery-UI使图像可调整大小和可拖动，并且这些函数来自浏览器用户踩到我提供的东西。

我添加了已知的修复程序，以防止Firefox拖动图像，以便解决部分问题，但是当您单击图像并且仍然可以调整大小时，调整大小句柄仍会出现。

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

Answer 1

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

我相信值得尝试。

注意：我无法尝试，因为我这里没有firefox :(

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

抱歉有太多编辑

如何禁用contentEditable DIV的Firefox图像修改操作？

1 个答案: