我在这里有一个 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>
我注意到对于 Firefox,contentEditable 允许用户单击图像以调出它的句柄,从而允许调整图像的大小。或者单击图像后,您可以将其拖动到容器中的另一个位置,如果在拖动时按住 control 键,则会创建图像的副本,因此现在 DIV 中有两个图像。
我需要让 DIV 成为 contentEditable 但我不想允许对图像进行上述任何操作,因为我的应用程序已经使用 jQuery-UI 使图像可调整大小和可拖动,并且来自浏览器的这些功能让用户踩遍及我提供的一切。
我添加了已知的修复程序来阻止 Firefox 拖动图像,这样可以解决部分问题,但是当您单击图像时仍然会出现调整大小的句柄并且您仍然可以调整它的大小。
有没有办法禁用所有图像修改 Firefox 功能?