javascript - 部分覆盖原型(prototype)？

Question

有没有办法部分重写原型(prototype)？

我正在使用fabricjs，并且想要重写Textbox 类的onKeyDown 事件。我们的目标是拥有与默认行为不同的 Enter 键行为。

我尝试过这种方法

fabric.Textbox.prototype.onKeyDown = (function(onKeyDown) {
    return function(e) {
        if (e.keyCode === 46) console.log('blur');
        // else super(e); <== default behavior would be appreciated here

        onKeyDown.call(this, e);
    }
})(fabric.Textbox.prototype.onKeyDown);

结果是Enter键只能工作，并且结构开发/团队实现的现有功能丢失了。我希望 onKeyDown 按开箱即用的方式工作，但我想要自定义的 Enter 行为，而不是默认结构的 Enter 行为code> 上述事件的关键行为。

Answer 1

将您的 key 代码添加到 keysMap并分配您的方法。

演示

fabric.Textbox.prototype.keysMap[13] = 'onEnterKeyPressed';

fabric.Textbox.prototype.onEnterKeyPressed = function(e){
  console.log('enter key pressed')
}

var canvas = new fabric.Canvas('c');
var textbox = new fabric.Textbox('FABRICJS')
canvas.add(textbox)

canvas{
  border:1px solid;
}

<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.6.0/fabric.js"></script>
<canvas id='c' width=400 height=400></canvas>