jquery - IE8でテキストボックスの一部を読み取り専用にする

Question

ユーザーがラジオ ボタンをクリックすると、定義済みの値を持つテキスト ボックスを作成しようとしています。ユーザーは値に追加できる必要がありますが、変更することはできません。私は次のものを持っています：

handleRadio: function (that) {
    var communicationName = $('#communicationName');
    communicationName.show().next('p').remove();
    if ($('#request_for_information').is(':checked')) {
        var radioVal = that.val();
        communicationName.val(radioVal);
        var readOnlyLength = $('#communicationName').val().length;
        $('#communicationName').on('keypress keydown', function (event) {
            if ((event.which != 37 && (event.which != 39) && (event.which != 35) && (event.which != 36))
            && ((this.selectionStart < readOnlyLength)
            || ((this.selectionStart == readOnlyLength) && (event.which == 8)))) {
                return false;
            }
        });
    } else {
        communicationName.val('').prop('readonly', false);
    }
}

残念ながら、これは会社の標準である IE8 では機能しません。誰かが回避策を知っていますか?