Fabric.js文本：已更改事件

Question

I am working with text:changed event its working fine but I need to trigger a function when user stops typing not on every word change for example if user typing and stop typing for 2 seconds then trigger a function.

Below is my code to fire event on text change:

canvas.on('text:changed', function(e) {
    obj = canvas.getActiveObject();
    newtext = obj.text;
    languageConverterEntoHn(newtext);

    $('#cteditinput').val(newtext);
    $('#cardalltexthex').empty();
    renderalltextfeomcanvas();
});

Answer 1

The function you are looking for is generally called a debounce and you can find it in lodash library or you can write for yourself.

https://lodash.com/

// import lodash

var myFunction = function(e) {
   obj = canvas.getActiveObject();
   newtext = obj.text;
   languageConverterEntoHn(newtext);

   $('#cteditinput').val(newtext);
   $('#cardalltexthex').empty();
   renderalltextfeomcanvas();
}
var myFunctionDebounced = lodash.debounce(myFunction, 2000); // 2 seconds debounce
canvas.on('text:changed', myFunctionDebounced);