- Added blurEdge and hoverEdge events.

HISTORY.md

@@ -25,6 +25,7 @@ http://visjs.org
 - Fixed #1036, bug in lockedRedraw. Thanks @vges!
 - Added getDataset to all manipulation functions. Thanks @ericvandever!
 - Fixed #1039, icon now returns correct distance to border
+- Added blurEdge and hoverEdge events.
 
 ### Graph2d
 

docs/network/index.html

@@ -1308,6 +1308,16 @@ var options = {
                 <td><code>{node: nodeId}</code></td>
                 <td>Fired interaction:{hover:true} and the mouse moved away from a node it was hovering over before.</td>
             </tr>
+            <tr>
+                <td>hoverEdge</td>
+                <td><code>{edge: edgeId}</code></td>
+                <td>Fired interaction:{hover:true} and the mouse hovers over an edge.</td>
+            </tr>
+            <tr>
+                <td>blurEdge</td>
+                <td><code>{edge: edgeId}</code></td>
+                <td>Fired interaction:{hover:true} and the mouse moved away from an edge it was hovering over before.</td>
+            </tr>
             <tr>
                 <td>zoom</td>
                 <td><code>{direction:'+'/'-', scale: Number}</code></td>

lib/network/modules/SelectionHandler.js

@@ -471,10 +471,6 @@ class SelectionHandler {
   }
 
 
-
-
-
-
   /**
    * This is called when someone clicks on a node. either select or deselect it.
    * If there is an existing selection and we don't want to append to it, clear the existing selection
@@ -485,7 +481,12 @@ class SelectionHandler {
   blurObject(object) {
     if (object.hover === true) {
       object.hover = false;
-      this.body.emitter.emit("blurNode",{node:object.id});
+      if (object instanceof Node) {
+        this.body.emitter.emit("blurNode", {node: object.id});
+      }
+      else {
+        this.body.emitter.emit("blurEdge", {edge: object.id});
+      }
     }
   }
 
@@ -529,6 +530,9 @@ class SelectionHandler {
         if (object instanceof Node) {
           this.body.emitter.emit("hoverNode", {node: object.id});
         }
+        else {
+          this.body.emitter.emit("hoverEdge", {edge: object.id});
+        }
       }
       if (object instanceof Node && this.options.hoverConnectedEdges === true) {
         this._hoverConnectedEdges(object);