使文本框的一部分只在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，这是公司的标准。有没有人知道解决方法？