[DevTools] Support JQuery event listeners

Source/core/inspector/InjectedScriptSource.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 1118 matching lines @@
 
         return className;
     },
 
     /**
      * @param {boolean} enabled
      */
     setCustomObjectFormatterEnabled: function(enabled)
     {
         this._customObjectFormatterEnabled = enabled;
+    },
+
+    /**
+     * @param {!Node} node
+     * @return {!Array.<!{type: string, listener: function(), useCapture: boolean}>}
+     */
+    frameworkEventListeners: function(node)

[yurys, 2015/08/12 21:56:03]

It'd be nice if we can have this code outside of InjectedScriptSource, e.g.
front-end could evaluate it or have an API for the page to inject handler
resolver. Maybe we can use the same approach as with custom formatters.

+    {
+        var hasJQuery = (typeof inspectedGlobalObject.jQuery !== 'undefined') && inspectedGlobalObject.jQuery.fn;
+        if (!hasJQuery)
+            return [];
+        var listeners = [];
+        var data = inspectedGlobalObject.jQuery._data || inspectedGlobalObject.jQuery.data;
+        if (typeof data === "function") {
+            var events = data(node, "events");
+            for (var type in events) {
+                for (var key in events[type]) {
+                    var frameworkListener = events[type][key];
+                    if (typeof frameworkListener === "object" || typeof frameworkListener === "function") {
+                        var listener = {
+                            handler: frameworkListener.handler || frameworkListener,
+                            useCapture: true,
+                            type: type
+                        }
+                        push(listeners, listener);
+                    }
+                }
+            }
+        }
+        var entry = inspectedGlobalObject.jQuery(node)[0];
+        if (entry) {
+            var entryEvents = entry["$events"];
+            for (var type in entryEvents) {
+                var events = entryEvents[type];
+                for (var key in events) {
+                    if (typeof events[key] === "function") {
+                        var listener = {
+                            handler: events[key],
+                            useCapture: true,
+                            type: type
+                        }
+                        push(listeners, listener);
+                    }
+                }
+            }
+        }
+        return listeners;
+    },
+
+    /**
+     * @param {!Node} node
+     * @return {!Set<function()>}
+     */
+    frameworkEventHandlers: function(node)
+    {
+        var hasJQuery = (typeof inspectedGlobalObject.jQuery !== 'undefined') && inspectedGlobalObject.jQuery.fn;
+        if (!hasJQuery)
+            return new Set();
+        var handlers = [];
+        var data = inspectedGlobalObject.jQuery._data || inspectedGlobalObject.jQuery.data;
+        if (typeof data === "function") {
+            var nodeData = data(node);
+            if (typeof nodeData.handle === "function") {
+                push(handlers, nodeData.handle);
+            }
+        }
+        var entry = inspectedGlobalObject.jQuery(node)[0];
+        if (entry) {
+            var entryHandle = entry["$handle"];
+            push(handlers, entryHandle);
+        }
+        return new Set(handlers);
     }
 }
 
 /**
  * @type {!InjectedScript}
  * @const
  */
 var injectedScript = new InjectedScript();
 
 /**
@@ skipping 693 matching lines @@
 
     /**
      * @param {!Node} node
      * @return {!Array.<!{type: string, listener: function(), useCapture: boolean, remove: function()}>|undefined}
      */
     getEventListeners: function(node)
     {
         var result = nullifyObjectProto(InjectedScriptHost.getEventListeners(node));
         if (!result)
             return result;
+
+        var jQueryListeners = injectedScript.frameworkEventListeners(node);
+        for (var i = 0; i < jQueryListeners.length; ++i) {
+            result[jQueryListeners[i].type] = result[jQueryListeners[i].type] || [];
+            result[jQueryListeners[i].type].push(jQueryListeners[i]);
+        }
         /** @this {{type: string, listener: function(), useCapture: boolean}} */
         var removeFunc = function()
         {
             node.removeEventListener(this.type, this.listener, this.useCapture);
         }
         for (var type in result) {
             var listeners = result[type];
             for (var i = 0, listener; listener = listeners[i]; ++i) {
                 listener["type"] = type;
                 listener["remove"] = removeFunc;
@@ skipping 69 matching lines @@
      */
     _logEvent: function(event)
     {
         inspectedGlobalObject.console.log(event.type, event);
     }
 }
 
 injectedScript._commandLineAPIImpl = new CommandLineAPIImpl();
 return injectedScript;
 })