now passing Kinetic event object instead of native event object

src/Node.js

@@ -284,7 +284,7 @@
          *
          * // get the target node<br>
          * node.on('click', function(evt) {<br>
-         *   console.log(evt.targetNode);<br>
+         *   console.log(evt.target);<br>
          * });<br><br>
          *
          * // stop event propagation<br>
@@ -300,6 +300,17 @@
          * // namespace listener<br>
          * node.on('click.foo', function() {<br>
          *   console.log('you clicked/touched me!');<br>
+         * });<br><br>
+         *
+         * // get the event type<br>
+         * node.on('click tap', function(evt) {<br>
+         *   var eventType = evt.type;<br>
+         * });<br><br>
+         *
+         * // for change events, get the old and new val<br>
+         * node.on('xChange', function(evt) {<br>
+         *   var oldVal = evt.oldVal;<br>
+         *   var newVal = evt.newVal;<br>
          * });
          */
         on: function(evtStr, handler) {
@@ -389,7 +400,8 @@
         },
         // some event aliases for third party integration like HammerJS 
         dispatchEvent: function(evt) {
-            evt.targetNode = this;
+            evt.target = this;
+            evt.type = evt.evt.type;
             this.fire(evt.type, evt);
         },
         addEventListener: function() {
@@ -1375,12 +1387,6 @@
                 }
             }
         },
-        _fireBeforeChangeEvent: function(attr, oldVal, newVal) {
-            this._fire([BEFORE, Kinetic.Util._capitalize(attr), CHANGE].join(EMPTY_STRING), {
-                oldVal: oldVal,
-                newVal: newVal
-            });
-        },
         _fireChangeEvent: function(attr, oldVal, newVal) {
             this._fire(attr + CHANGE, {
                 oldVal: oldVal,
@@ -1454,7 +1460,6 @@
                     this.attrs[key] = this.getAttr(key);
                 }
                 
-                //this._fireBeforeChangeEvent(key, oldVal, val);
                 this.attrs[key][component] = val;
                 this._fireChangeEvent(key, oldVal, val);
             }
@@ -1463,7 +1468,7 @@
             var okayToRun = true;
 
             if(evt && this.nodeType === SHAPE) {
-                evt.targetNode = this;
+                evt.target = this;
             }
 
             if(eventType === MOUSEENTER && compareShape && this._id === compareShape._id) {
@@ -1491,6 +1496,8 @@
             var events = this.eventListeners[eventType],
                 i;
 
+            evt.type = eventType;
+
             if (events) {
                 for(i = 0; i < events.length; i++) {
                     events[i].handler.call(this, evt);