Use jTopo to add mouse events to elements drawn in Html5 Canva

Comments: The mouse events cannot be drawn on the Canvas, but it is very easy to add events using jTopo. The following example shows how to use Html5, the items drawn on the Canvas cannot correspond to mouse events, but it is very easy to add events using jTopo. The effect is as follows:

 

Sample Code:

The Code is as follows:
Var node = new JTopo. Node ("Hello ");
Node. setLocation (409,269 );
Node. mousedown (function (event ){
If (event. button = 2 ){
Node. text = 'right-click ';
} Else if (event. button = 1 ){
Node. text = 'Press the key ';
} Else if (event. button = 0 ){
Node. text = 'left-click ';
}
});
Node. mouseup (function (event ){
If (event. button = 2 ){
Node. text = 'loosen the right ';
} Else if (event. button = 1 ){
Node. text = 'Remove the key ';
} Else if (event. button = 0 ){
Node. text = 'login ';
}
});
Node. click (function (event ){
Console. log ("click ");
});
Node. dbclick (function (event ){
Console. log ("double-click ");
});
Node. mousedrag (function (event ){
Console. log ("drag ");
});
Node. mouseover (function (event ){
Console. log ("mouseover ");
});
Node. mousemove (function (event ){
Console. log ("mousemove ");
});
Node. mouseout (function (event ){
Console. log ("mouseout ");
});