contenteditable：使用句柄时图像上的触发事件调整大小

Question

就在firefox中，我想在图像大小发生变化时触发事件。

当你点击一个contenteditable区域中的图像时，firefox会给它提供句柄，你可以调整大小，一旦完成mouseup，我想触发一个事件，这样我就可以从图像中获取一些信息，其余的很容易，我只是找不到拖动手柄时触发的东西，然后放开图像。

我在jquery中猜测某些东西可以使用实时函数监视div。

Answer 1

您可以观察DOMAttrModified - 事件：

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