如何禁用一個contentEditable DIV的Firefox圖像修改操作？

我在這裏有一個js小提琴 - http://jsfiddle.net/stevea/P9Wcr/1/ - 帶有一個DIV，我製作了contentEditable幷包含圖像。如何禁用一個contentEditable DIV的Firefox圖像修改操作？

<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功能？

來源

2013-07-26 Steve

您是否試圖將附加的活動onresizestart添加到圖像到return false;？

這是值得我相信的嘗試。

注：我不能嘗試，因爲我沒有火狐這裏:(

此外，您還可以得到所有的圖像在您的div和每個那些的contentEditable屬性設置爲false。

對不起，編輯太多

來源

2013-07-26 00:53:36 Prash

如何禁用一個contentEditable DIV的Firefox圖像修改操作？

回答

相關問題