Javascript 使用innerHTML将文本框插入绝对位置的div会导致Chrome Mobile上出现奇怪的错误

我有一个html文档，其中有一个文本框和一个空div，在单击按钮时会插入一个新的文本框。当我将一个文本框插入具有绝对位置的div时，另一个文本框就会出现。我已经能够用最少的代码重现这个bug。我发现，如果两个textbox值属性都不是空的，并且div具有绝对位置或固定位置，则会发生此错误。如果我将任何文本框的value属性设置为空，错误会意外地解决。这种情况发生在android chrome上，而不是桌面上。我做错了什么

函数newTextbox（）{
document.getElementById（“myDiv”）.innerHTML=''；
}

#myDiv{
边框：1px实心#000；
位置：绝对位置；
宽度：200px；
高度：100px；
顶部：50px；
左：0px；
}

创建新文本框

如果我理解正确，并且您试图在

中生成多个输入框，则每次设置innerHTML时，您当前都会覆盖

的内容。您可以将

的当前内容与每个新文本字段连接起来，如下所示

设i=1；
函数newTextbox（）{
让currentHTML=document.getElementById（“myDiv”）.innerHTML；
i++；
document.getElementById（“myDiv”）.innerHTML=`${currentHTML}
`；
}

#myDiv{
边框：1px实心#000；
位置：绝对位置；
宽度：200px；
高度：100px；
顶部：50px；
左：0px；
溢出：自动；
}

创建新文本框

如果我理解正确，并且您试图在

中生成多个输入框，则每次设置innerHTML时，您当前都会覆盖

的内容。您可以将

的当前内容与每个新文本字段连接起来，如下所示

设i=1；
函数newTextbox（）{
让currentHTML=document.getElementById（“myDiv”）.innerHTML；
i++；
document.getElementById（“myDiv”）.innerHTML=`${currentHTML}
`；
}

#myDiv{
边框：1px实心#000；
位置：绝对位置；
宽度：200px；
高度：100px；
顶部：50px；
左：0px；
溢出：自动；
}

创建新文本框

不，我没有尝试生成多个输入框。我的问题是，当我在div中插入一个输入框时，div外的输入框消失了。在桌面上一切正常，但在mobile chrome上却不行。不，我不想生成多个输入框。我的问题是，当我在div中插入一个输入框时，div外的输入框消失了。在桌面上一切正常，但在mobile chrome上却不行。