如何在不使用input.value的情况下将文本输入到输入中

时间:2019-04-30 10:08:40

标签: javascript

我有一个现有的应用程序,要求用户使用输入框回答问题。我没有编写此应用程序的代码,也不想弄乱应用程序的代码。我已经通过按钮创建了一个虚拟的屏幕数字键盘,按下该按钮时,使用'.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" />

2 个答案:

答案 0 :(得分:1)

我实际上只是为某人here做一个小键盘。您需要做的就是在showKeyPad()事件中使用onclick并指定字段ID。让我知道您是否需要帮助。

编辑:对不起,您刚刚意识到您说它不保存.value。 此小键盘使用.value。

答案 1 :(得分:1)

您可以将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>