contenteditable:使用handles时调整图片大小触发事件

Question

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

当你在一个可满足的区域点击一个图片时，firefox会给它提供句柄，你可以调整大小，一旦鼠标向上移动，我就想触发一个事件，这样我就可以从图片中获得一些信息，剩下的很容易，我就是找不到当拖动句柄时触发的东西，然后在图片上松开。

我猜jquery中的一些东西可以使用live函数来监控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);