the text disppearing when cursor move into canvas

when move cursor into canvas the text disappering in the canvas. the code is below,how to fix id.

$('canvas').drawRect({
                    layer: true,
                    draggable: true,
                    groups: ['shapes'],
                    dragGroups: ['shapes'],
                    fillStyle: statusColor,
                    x: x,
                    y: y,
                    width: 200, //494
                    height: 28, //70
                    data: {
                        name: title,
                        info: status
                    }
                })
                .drawText({
                    layer: true,
                    name: 'title',
                    fillStyle: '#fff',
                    strokeWidth: 1,
                    x: x,
                    y: y,
                    groups: ['shapes'],
                    dragGroups: ['shapes'],
                    fontSize: '12pt',
                    fontFamily: 'Helvetica',
                    text: title
                })
                .drawLayer();

[qingxin2016]

nice! thanks.

[caleb531]

@qingxin2016

The way I would accomplish detecting a click-that-is-not-a-drag is to use flag variables combined with dragstart and dragstop callbacks:

click: function() {
  if (!this.isDragging) {
    // your code goes here
  }
},
dragstart: function() {
  this.isDragging = true;
},
dragstop: function() {
  this.isDragging = false;
}

You can’t use groups/dragGroups with draw() by itself, but you should certainly be able to if you create a custom jCanvas method using the Plugin API. See the drawHeart example from the docs (in particular, the $.jCanvas.detectEvents function is what you want): https://projects.calebevans.me/jcanvas/docs/extending/#example-drawheart