如何在不使用input.value的情況下將文本輸入到輸入中

Question

我有一個現有的應用程序，它要求用戶使用輸入框來回答問題。 我沒有編寫此應用程序的代碼，也不想弄亂應用程序的代碼。 我已經通過按鈕創建了一個虛擬的屏幕數字鍵盤，按下該按鈕時，使用'.value'將相應的值添加到輸入框中。 這樣就可以正常工作，並且數字確實會出現在輸入框中，但是現有代碼不會保存這些數字，這意味着它們一定不能捕獲“ .value”。

是否有一些基本的簡單方法。.模擬用戶輸入文本

function geet (clicked_value) {
var input = document.querySelector(".pt-subpage-current input");
if (input.value.length < 3) {
input.value += clicked_value;
}
}
function removeValue() {
var input = document.querySelector(".pt-subpage-current input");
var length = input.value.length;
if (length > 0) {
input.value = input.value.substring(0, length-1);
}
}





<input type="button" onClick="geet(this.value)" value="7" class="button 
number" id="num7" />

Answer 1

我只是為這里的某人做了一個小鍵盤。 您需要做的就是在onclick事件中使用showKeyPad()並指定字段ID。 讓我知道您是否需要幫助。

編輯：對不起，您剛剛意識到您說的是不保存.value。 此小鍵盤使用.value。

Answer 2

您可以將div與內容可編輯true一起使用，如果它對您有用。這是您模擬問題的一部分

 function edit() { let te=document.getElementById("textdiv").textContent; console.log(te) } 

 <div id="textdiv" contenteditable="true">Hello, edit me!</div> <button onclick="edit()">Button</button>