How to add an onclick event to a joint.js element?

Posted by ahalbert on Stack Overflow See other posts from Stack Overflow or by ahalbert
Published on 2013-12-09T05:04:48Z Indexed on 2014/06/07 9:25 UTC
Read the original article Hit count: 1401

Filed under:
|

I have a joint.js element in a DAG, and would like to be able to trigger an event by clicking on it.

I could use $(selector).click(...) to do it, but I was wondering if there was a joint.js specific way of handling it, since that would probobly be better. One event I decided was a candidate for onclick was 'batch:stop'

My code:

 var variable =  new joint.shapes.basic.Rect({
     name : label,
     id: label,
     onclick : function () {alert("hello");},
     size: { width: width, height: height },
     attrs: {
         text: { text: label, 'font-size': letterSize, 'font-family': 'monospace' },
         rect: {
             fill : fillColor, 
             width: width, height: height,
             rx: 5, ry: 5,
             stroke: '#555'
         }   
     }   
 }); 
 variable.on('batch:stop', function (element) {alert(""); toggleEvidence(element.name);});
 return variable;

How should I add an onclick event?

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about jointjs