bbtimeline.js

@@ -264,8 +264,23 @@ class BBTimeline {
 
       if (a.Debug) console.log(event);
 
-      a.OnEventClick(this, e, event);
+      a.OnMouseDown(this, e, event);
    });
+
+   a.ctx.canvas.addEventListener('click', function (e) {
+    if (!a.Enabled) {
+      return;
+    }
+
+    var event = a.FindEventsByCoords(e.offsetX, e.offsetY);
+    if (event == null) {
+      return;
+    }
+
+    if (a.Debug) console.log(event);
+
+    a.OnClick(this, e, event);
+ });
   }
 
   Invalidate(redrawAxis, redrawMarkers) {
@@ -381,7 +396,10 @@ class BBTimeline {
     return result;
   }
 
-  OnEventClick(sender, e, event) {
+  OnMouseDown(sender, e, event) {
+  }
+
+  OnClick(sender, e, event) {
   }
 
 

demo-test.html

@@ -124,8 +124,21 @@ textarea {
   <script>
 
 var timeline1 = new BBTimeline("myCanvas");
-timeline1.OnEventClick = function(sender, e, event) {
+timeline1.OnMouseDown = function(sender, e, event) {
-  // console.log(e);
+  LogInfo("");
+  LogInfo("OnMouseDown");
+  LogInfo(JSON.stringify(sender));
+  LogInfo(JSON.stringify(e));
+  LogInfo(JSON.stringify(event));
+  LogInfo("");
+}
+timeline1.OnClick = function(sender, e, event) {
+  LogInfo("");
+  LogInfo("OnClick");
+  LogInfo(JSON.stringify(sender));
+  LogInfo(JSON.stringify(e));
+  LogInfo(JSON.stringify(event));
+  LogInfo("");
 }
 
 SetToday();