After CSS input sets the readonly property, the custom keyboard pops up, the oninput event cannot listen for changes in input input text, and the event cannot be called?

after CSS input sets the readonly property, the custom keyboard pops up. The oninput event cannot listen for changes in input input text, and the event cannot be called.

<input type=\"text\" class=\"input_text_gapfilling\" id=\"input_text\" onclick=\"openKeyboardView("+i+")\" readonly=\"readonly\" oninput=\"Text_Filling_inptobut(" + i + ")\" />");

/ / when entered in the user input box, the corresponding button value is the content entered by the user

function Text_Filling_inptobut(num) {
    var oneinput = document.getElementById("textdiv").getElementsByTagName(
            "input");
    var quesnum = document.getElementById("table1").getElementsByTagName("tr")[0]
            .getElementsByTagName("td")[0].getElementsByTagName("span")[0];
    var questiondiv = document.getElementById("questiondiv")
            .getElementsByTagName("div");
    if (questiondiv[num].getElementsByTagName("input")[0].value.length > 0) {
        oneinput[num].value = questiondiv[num].getElementsByTagName("input")[0].value;
        oneinput[num].className = "button_waiter";
    } else {
        oneinput[num].value = quesnum.textContent;
        oneinput[num].className = "button_num";
    }
}

problem description

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Apr.16,2021

since it is a custom keyboard, why do you need input? get a string to show user input, interact, monitor touch event handler long press their own implementation paste


input input box to set the readonly property, for read-only state, the oninput event cannot listen for changes in the input box content, of course, the event cannot be executed.

Menu