javascript - Fabric.js 文本 :changed event

Question

我正在使用 text:changed 事件，它工作正常，但是当用户停止键入而不是每个单词更改时我需要触发一个函数，例如，如果用户键入并停止键入 2 秒然后触发一个函数。

下面是我在文本更改时触发事件的代码:

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

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

Answer 1

您正在寻找的函数通常称为debounce，您可以在lodash库中找到它，也可以自己编写。

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);