Как отключить операции изменения изображения Firefox для contentEditable DIV?

У меня есть скрипт js здесь - 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 для модификации изображений?


person Steve    schedule 26.07.2013    source источник


Ответы (1)


Вы пытались прикрепить событие onresizestart к изображению return false; ?

Попробовать стоит, я считаю.

Примечание. Я не мог попробовать, так как у меня здесь нет Firefox :(

Кроме того, вы можете получить все изображения в своем div и установить для свойства contentEditable каждого из них значение false.

Извините за слишком много правок

person Prash    schedule 26.07.2013