html - 部分只读文本框

Question

如何使用 angularjs/HTML 属性使文本框部分只读？例如，一个默认值为“+91”的文本框，这是只读的，其他部分需要输入值。

Answer 1

HTML

<input id="field" type="text" value="+91" size="50" />

<div id="output">
</div>

Javascript

var readOnlyLength = $('#field').val().length;

 $('#output').text(readOnlyLength);

$('#field').on('keypress, keydown', function(event) {
    var $field = $(this);
    $('#output').text(event.which + '-' + this.selectionStart);
    if ((event.which != 37 && (event.which != 39))
        && ((this.selectionStart < readOnlyLength)
        || ((this.selectionStart == readOnlyLength) && (event.which == 8)))) {
        return false;
    }
});                    

演示 http://jsfiddle.net/Yt72H/