javascript - 在html输入中添加带有imaskjs的后缀

Question

我正在尝试通过在末尾添加货币符号 (€) 来使用 [imaskjs][1] 创建屏蔽输入。

有一个前缀 ($) 的示例，它按预期工作，但假设这是因为它位于开头。该库检测到某些内容丢失并自动更正。就我而言，它仍在等待手动输入来完成第一个模式(数字模式可能有更多数字)

例如，如果您输入两个零或任何超过 10 000(设置为最大值)的内容，它就会起作用。

我已经用代码设置了一个jsfiddle。
https://jsfiddle.net/7phbaemz/4/

var element = document.getElementById('input');
var maskOptions = {
  mask: 'num €',
  blocks: {
    num: {
      mask: Number,  // enable number mask

      scale: 2,
      signed: false, 
      thousandsSeparator: ' ', 
      padFractionalZeros: true,
      normalizeZeros: true,
      radix: ',',
      mapToRadix: ['.'],

      // additional number interval options (e.g.)
      min: 0,
      max: 10000,
    }
  }
}
var mask = IMask(element, maskOptions);

如何在焦点丢失时自动格式化？
任何帮助表示赞赏。谢谢!

Answer 1

最后我明白了。应禁用延迟评估:

var maskOptions = {
  lazy: false, // <-- HERE
  mask: 'num €',
  blocks: {
    num: {
      mask: Number

它将始终检查并修复整个表达式的变化。