javascript - JS 中输入掩码插件的事件处理程序

Question

我正在使用 Jquery 输入掩码插件来处理时间戳。编写以下代码会将插件附加到所有相关文本框。

$('input[name="start-time"]').inputmask(
   "hh:mm:ss", {
       placeholder: "HH:MM:SS",
       insertMode: false,
       showMaskOnHover: false,
       hourFormat: "24"
   }
);

但是，就我而言，我也动态生成了文本框。如何将输入掩码应用于这些？我浏览了所有事件处理程序列表，但找不到一个可以创建新字段、触发事件处理程序的列表。

Answer 1

当动态添加输入文本时，您也可以调用该元素的 inputmask 方法。 另一种选择是在添加元素时收到通知，然后在元素上调用 inputmask。

$("<ancestor-element-selector>").on("DOMNodeInserted", 'input[name="start-time"]', function(){
    //call inputmask on the new element.    
    //$(this).inputmask(/*params...*/);
});