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 中不起作用。有谁知道解决方法？