Spreadsheet behavior for gridview textboxes

SpreadsheetKeys.js

(function(global, $){
    var keyCodes = {
        13: 'enter',
        38: 'up',
        40: 'down',
        37: 'left',
        39: 'right'
    };

    var spreadsheet = {
        initialize: function(table) {
            $(table).on('keydown', 'td input', function(e) {
                var key = keyCodes.hasOwnProperty(e.which) ? keyCodes[e.which] : null;
                if (key) {
                    spreadsheet[key](spreadsheet.getCurrentTdAndTr(this), e);
                }
            });
        },
        getCurrentTdAndTr: function(inputElement) {
            var $inputElement = $(inputElement);
            return {
                $inputElement: $inputElement,
                td: $inputElement.closest('td')[0],
                tdIndex: $($inputElement.closest('td')[0]).index(),
                tr: $inputElement.closest('tr')[0]
            };
        },
        // when enter or down key is pressed in a textbox within a table cell,
        // find the next table cell below it and set focus
        down: function(cell) {
            $(cell.tr).next('tr').children('td').eq(cell.tdIndex).find(':input').focus().select();
        },
        enter: function(cell, e) {
            e.preventDefault();
            spreadsheet.down(cell);
        },
        up: function(cell) {
            $(cell.tr).prev('tr').children('td').eq(cell.tdIndex).find(':input').focus().select();
        },
        left: function(cell) {
            // $(cell.td).prev('td').find(':input').focus().select();
        },
        right: function(cell) {
            // $(cell.td).next('td').find(':input').focus().select();
        }
    };
    
    global.spreadsheet = spreadsheet;
})(this, jQuery);