是否有使用扩展程序的knockout.js的蒙面输入插件？

问题描述

我见过这个，编写基本的自定义绑定而不是扩展程序非常容易。

If you wanted to use the excellent Masked Input Plugin in Knockout, it's pretty easy to write a basic custom binding rather than an extender.

ko.bindingHandlers.masked = {
    init: function(element, valueAccessor, allBindingsAccessor) {
        var mask = allBindingsAccessor().mask || {};
        $(element).mask(mask);
        ko.utils.registerEventHandler(element, 'focusout', function() {
            var observable = valueAccessor();
            observable($(element).val());
        });
    }, 
    update: function (element, valueAccessor) {
        var value = ko.utils.unwrapObservable(valueAccessor());
        $(element).val(value);
    }
};

然后在你的HTML中：

And then in your HTML:

<input type="text" data-bind="masked: dateValue, mask: '99/99/9999'" />
<input type="text" data-bind="masked: ssnValue, mask: '999-99-9999'" />

依旧使用各种面具。这样，您只需将面罩放在数据绑定中，就可以获得很大的灵活性。

And so on with various masks. This way, you can just put the mask right in your databinding, and it allows a ton of flexibility.

这篇关于是否有使用扩展程序的knockout.js的蒙面输入插件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！