title: dojo Moveable events?
body: <p>I am reading the documentation here <a href="http://bill.dojotoolkit.org/api/1.9/dojo/dnd/move.parentConstrainedMoveable" rel="nofollow">http://bill.dojotoolkit.org/api/1.9/dojo/dnd/move.parentConstrainedMoveable</a> and here <a href="http://dojotoolkit.org/reference-guide/1.9/dojo/dnd/Moveable.html" rel="nofollow">http://dojotoolkit.org/reference-guide/1.9/dojo/dnd/Moveable.html</a> and some examples found around the web but I don't seem to understand how to make it work. I have this fiddle <a href="http://jsfiddle.net/W7V2a/4/" rel="nofollow">http://jsfiddle.net/W7V2a/4/</a> I want before the move starts to call a function, during the move to call another function and once it ends a third function. Not only once but every time a move happens. I can't make it catch the events. </p>
  
  <p>Also buttons will be added and removed all the time so attaching the moveable object to a variable like </p>
  
  <pre><code>var moveable = new move.parentConstrainedMoveable(button.domNode, {
          handle: this.focusNode,
          area: "content",
          within: true
      });
  
      on(moveable, "onMoveStart", function (e) {
          dojo.query(".container").style("backgroundColor", "red");
          alert("onMoveStart");
      });
  </code></pre>
  
  <p>doesn't seem practical. So how can I create moveable objects on the fly and catch their events and do something with these events?</p>