Fabric.js文本︰已更改的事件

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