Did commits by @jevzee for html5 events PR swisnl#205

Author: bbrala

src/jquery.contextMenu.js

@@ -181,7 +181,17 @@ var // currently active contextMenu trigger
         // default callback
         callback: null,
         // list of contextMenu items
-        items: {}
+        items: {},
+        domEventTypes: function () {
+                        var result = [];
+                        var domObj = $('div').get(0);
+                        $.each(domObj, function (key, val) {
+                            if (key.slice(0, 2) === 'on') {
+                                        result.push(key.slice(2));
+                                    }
+                            });
+                        return result;
+                    }
     },
     // mouse position for hover activation
     hoveract = {
@@ -1530,7 +1540,21 @@ function menuChildren(items, $children, counter) {
          * <command>, <menuitem>, <hr>, <span>, <p> <input [text, radio, checkbox]>, <textarea>, <select> and of course <menu>.
          * Everything else will be imported as an html node, which is not interfaced with contextMenu.
          */
-        
+
+
+        var createTriggerEvent = function(eventname) {
+            return function() {
+                $node.trigger(eventname);
+            };
+        };
+        var get_events = function() {
+             var events = {},
+                 to_handle = $.contextMenu.defaults.domEventTypes;
+             $.each(to_handle, function() {
+                 events[this] = createTriggerEvent(this);
+             });
+             return events;
+         };
         // http://www.whatwg.org/specs/web-apps/current-work/multipage/commands.html#concept-command
         switch (nodeName) {
             // http://www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#the-menu-element
@@ -1546,7 +1570,7 @@ function menuChildren(items, $children, counter) {
                 item = {
                     name: $node.text(),
                     disabled: !!$node.attr('disabled'),
-                    callback: (function(){ return function(){ $node.click(); }; })()
+                    callback: createTriggerEvent('click')
                 };
                 break;
 
@@ -1562,7 +1586,7 @@ function menuChildren(items, $children, counter) {
                             name: $node.attr('label'),
                             disabled: !!$node.attr('disabled'),
                             icon: $node.attr('icon'),
-                            callback: (function(){ return function(){ $node.click(); }; })()
+                            callback: createTriggerEvent('click')
                         };
                         break;
 
@@ -1571,7 +1595,8 @@ function menuChildren(items, $children, counter) {
                             type: 'checkbox',
                             disabled: !!$node.attr('disabled'),
                             name: $node.attr('label'),
-                            selected: !!$node.attr('checked')
+                            selected: !!$node.attr('checked'),
+                            events: get_events()
                         };
                         break;
                     case 'radio':
@@ -1581,7 +1606,8 @@ function menuChildren(items, $children, counter) {
                             name: $node.attr('label'),
                             radio: $node.attr('radiogroup'),
                             value: $node.attr('id'),
-                            selected: !!$node.attr('checked')
+                            selected: !!$node.attr('checked'),
+                            events: get_events()
                         };
                         break;
 
@@ -1601,7 +1627,8 @@ function menuChildren(items, $children, counter) {
                             type: 'text',
                             name: label || inputLabel(node),
                             disabled: !!$node.attr('disabled'),
-                            value: $node.val()
+                            value: $node.val(),
+                            events: get_events()
                         };
                         break;
 
@@ -1610,7 +1637,8 @@ function menuChildren(items, $children, counter) {
                             type: 'checkbox',
                             name: label || inputLabel(node),
                             disabled: !!$node.attr('disabled'),
-                            selected: !!$node.attr('checked')
+                            selected: !!$node.attr('checked'),
+                            events: get_events()
                         };
                         break;
 
@@ -1621,7 +1649,8 @@ function menuChildren(items, $children, counter) {
                             disabled: !!$node.attr('disabled'),
                             radio: !!$node.attr('name'),
                             value: $node.val(),
-                            selected: !!$node.attr('checked')
+                            selected: !!$node.attr('checked'),
+                            events: get_events()
                         };
                         break;
 
@@ -1637,7 +1666,8 @@ function menuChildren(items, $children, counter) {
                     name: label || inputLabel(node),
                     disabled: !!$node.attr('disabled'),
                     selected: $node.val(),
-                    options: {}
+                    options: {},
+                    events: get_events()
                 };
                 $node.children().each(function(){
                     item.options[this.value] = $(this).text();
@@ -1649,7 +1679,8 @@ function menuChildren(items, $children, counter) {
                     type: 'textarea',
                     name: label || inputLabel(node),
                     disabled: !!$node.attr('disabled'),
-                    value: $node.val()
+                    value: $node.val(),
+                    events: get_events()
                 };
                 break;