Question

文本框

<input id="txtbo" type="text" value="CAN'T TOUCH THIS!" size="50" />

jQuery或Javascript代码：

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

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

我正在使用此代码，但事件并非火灾。我正在使用下面定义的第二个代码：

function makeInitialTextReadOnly(input) {
    var readOnlyLength = input.value.length;
    field.addEventListener('keydown', function(event) {
        var which = event.which;
        if (((which == 8) && (input.selectionStart <= readOnlyLength))
                || ((which == 46) && (input.selectionStart < readOnlyLength))) {
            event.preventDefault();
        }
    });
    field.addEventListener('keypress', function(event) {
        var which = event.which;
        if ((event.which != 0) && (input.selectionStart < readOnlyLength)) {
            event.preventDefault();
        }
    });
}

makeInitialTextReadOnly(document.getElementById('field'));

它也不起作用。如果你有任何解决方案或任何新想法，请给我一些帮助。

Answer 1

如果您想让输入只读，那么您可以在输入字段中使用disabled属性。或者您可以使用div来显示输入。

某些字符只能使用jQuery或Javascript在文本框中读取

1 个答案: