如何使输入字段中的某些文本不可编辑？ - 扩展

Question

感谢Izaaz Yunus在How to make some piece of text inside a input field non editable?

的回答

这两个角色对我有用。但我的要求略有不同。

我从ajax /动态调用中获取文本的不可编辑字符的一部分，并且长度不固定。

它可以是1或2或3.它是国家/地区的电话代码。因此它可以是＆＃34; 1＆＃34;，＆＃34; 91＆＃34;，＆＃34; 255＆＃34; （最小长度1和最大3）

请帮我解答。

马努

Answer 1

能够解决。 创建一个全局变量

<script>
    var countryCodeLength = 0;

在ajax调用上设置此变量。

success : function(response) {
                $('#contactNo').val(response);
                countryCodeLength = $('#contactNo').val().length;

并使用此功能进行预防。

$("#contactNo").keydown(function(event){
            console.log(this.selectionStart);
            console.log(event);
            if(event.keyCode == 8){
                this.selectionStart--;
            }
            if(this.selectionStart < countryCodeLength){
                this.selectionStart = countryCodeLength;
                console.log(this.selectionStart);
                event.preventDefault();
            }
        });