Tengo el siguiente código que tiene el error de que cuando el usuario solo escribe un numero en una celda no aparece, el total solamente aparece cuando se llenan por lo menos dos celdas de lo contrario no me saca el total aunque solo ingrese un valor.[![introducir la descripción de la imagen aquí][1]][1]



Por aquí dejo el código
--------------------------------------


$(document).on("keypress", "#DenominacionDetalle tbody tr td input#name", function () {
    var Cantidad = $(this).val();
    var ValorDenominacion = $(this).parents("tr").find("td")[2].innerHTML;
    var Subtotal = parseFloat(Cantidad * ValorDenominacion);
    var total = parseFloat(document.getElementById("Total").innerHTML);
    var filas = document.querySelectorAll("#DenominacionDetalle tbody tr");
    console.log('Cantidad')
    console.log(Cantidad)
    console.log('Valor')
    console.log(ValorDenominacion)
    console.log('SubTotal')
    console.log(Subtotal)
    console.log('----------')
    $(this).parents("tr").find("td")[3].innerHTML = Subtotal;
    $(this).val($(this).val().replace(/[^0-9\.]/g, ''));
    if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
        event.preventDefault();
    }
    //Grantotal
    if (!isNaN(document.getElementById("Total").innerHTML)) {
        document.getElementById("Total").innerHTML = parseFloat(0);
    }
    else {
        var MontoInicial = 0;
        $("#DenominacionDetalle tbody tr:nth-child(-n+3) ").each(function () {
            MontoInicial += parseInt($(this).children("td:eq(3)").html());
            var totalfinal = document.getElementById("Total").innerHTML = parseFloat(MontoInicial)
            document.getElementById("MontoInicial").innerHTML = parseFloat(MontoInicial)
            ///////////
            console.log('Total')
            console.log(MontoInicial)
        });
    }
});


  [1]: https://i.sstatic.net/QY0BO.png