JSFiddle - React, Tailwind, and code Playground

by gurkavcu

HTML

<script src="https://raw.github.com/digitalBush/jquery.maskedinput/1.3.1/dist/jquery.maskedinput.js"></script>
<script src="http://knockoutjs.com/js/knockout-2.2.0.js"></script>
<input data-bind="maskedInput : { mask : '9(999) 999 99 99' , input : maskedInputRawValue }" />
<button id="raw" data-bind="click : test"> HAM DEĞER </button>

JavaScript

ko.bindingHandlers.maskedInput = {
    init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {        
        var options = valueAccessor();
        var defaultOptions = {};
        options = $.extend(true, {}, defaultOptions, options);         
        $(element).mask(options.mask);
        $(element).bind('keyup', function() {   
            options.input($(this).data("rawMaskFn")());
        });
    },
    update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {  
    }
};


var viewModel = {    
    maskedInputRawValue : ko.observable(),
    test : function() {
        alert(this.maskedInputRawValue());
    }
}

ko.applyBindings(viewModel);