本文介绍了部分只读文本框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何使一个文本框部分只读使用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/

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

08-22 23:46
查看更多