Custom knockout binding

by Dejan Vasic

HTML

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<div>
    <input type="text" data-bind="value: firstName" />
    <input data-bind="surname: surname" />
</div>

JavaScript

ko.bindingHandlers.surname = {
    init : function(element, valueAccessor){
        $(element).val(valueAccessor());
    },
    update : function(element, valueAccessor){
        alert(valueAccessor());
    }
}

var userProfile = {
    firstName : 'Dejan',
    surname: 'Vasic'
}

ko.applyBindings(userProfile);