部分只读文本框 [英] Partially read-only textbox

问题描述

如何使一个文本框部分只读使用angularjs / HTML attribue？
例如，有文本框的默认值说+91，这是只读和其他部分需要输入值。

How to make a text-box partially readonly using angularjs/HTML attribue? For example, a textbox having default value say "+91",which is readonly and else part need to enter values.

推荐答案

HTML

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

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

的JavaScript

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/

这篇关于部分只读文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！