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

问题描述

如何使用 angularjs/HTML 属性使文本框部分只读?例如，具有默认值的文本框说+91"，这是只读的，其他部分需要输入值.

解决方案

HTML

<div id="输出">

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 

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

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

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;
    }
});                    

Demo http://jsfiddle.net/Yt72H/

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