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...*/); 
});