onBackspacePressed

FabricJS

by Eugene Vilder

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.19/fabric.min.js"></script>
<canvas id="paper" width="400" height="400" style="border:1px solid #ccc"></canvas>

JavaScript

fabric.Textbox.prototype.onBackspacePressed = function(e) {
    console.log('____xxx', this, e);
    e.stopImmediatePropagation();
    e.preventDefault();
};

var canvas = new fabric.Canvas('paper');
canvas.setHeight(300);
canvas.setWidth(500);

var text = new fabric.Textbox('Hello beautiful world', {
  left: 50,
  top: 10,
  fontFamily: 'arial',
  fill: '#333',
  fontSize: 50
});

text.keysMap = fabric.util.object.clone(text.keysMap);
text.keysMap['8'] = 'onBackspacePressed';
            
canvas.add(text);
canvas.renderAll();