contenteditable：ハンドルを使用しているときにイメージのサイズ変更イベントをトリガーする

Question

Firefoxでちょうどイメージのサイズが変更されるたびにイベントをトリガーしたい。

あなたがコンテンツ編集可能な領域で画像をクリックすると、firefoxはハンドルを与え、マウスアップが完了するとすぐにサイズを調整できます。イベントをトリガーしたいので、画像から情報を得ることができます。簡単に、私はちょうどハンドルがドラッグされ、画像上に行くときに発射するものを見つけることができません。

jqueryの何かを推測すると、ライブ関数を使ってdivを監視できます。

Answer 1

あなたはDOMAttrModified -event観察することができる：

editableDivNode 
    .addEventListener ('DOMAttrModified', 
         function(e) 
         { 
         if(e.target.tagName=='IMG' 
          && e.target.getAttribute('_moz_resizing') 
           && e.attrName=='style' 
           && e.newValue.match(/width|height/)) 
         { 
          //do something here but don't prompt the user 
         } 
         }, 
         false);