Add automatic vertical bar after two letters in TextBox using jQuery

<input type="text" id="txtDetails" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('#txtDetails').on("keyup", function (e) {
            if ($(this).val().length == 3) {
                if (e.key === ' ' || e.key === 'Spacebar') {
                    $('#txtDetails').val($('#txtDetails').val() + "| ");
                }
            }
        });
    });
</script>