先附上代码
<html>
<body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script >
$(function () {
$("#test2").before('<input type="text" class="tradeInput w100" id="test1" value=""><br>');
});
</script>
<input type="text" class="tradeInput w100" id="test2" value=""><br>
<input type="text" class="tradeInput w100" id="test3" value=""><br>
</body>
</html>
-
加载的页面效果如下:
初始化文本框 -
然后在第一个文本框中输入任意值
输入任意值 - 点击浏览器的
<-按钮后再点击->按钮
之前输入的任意值就跳到第二个文本框里面了
之前输入的任意值就跳到第二个文本框里面了
-再点击浏览器的<-按钮后再点击->按钮
之前输入的任意值就跳到第三个文本框里面了
输入的任意值就跳到第三个文本
这个问题我在Safari浏览器中操作时,点击浏览器的<-按钮后再点击->按钮后输入的任意值仍在第一个文本框中
Safari没问题
这应该是chrome浏览器
Bug,推测原因是由于第一个文本框是通过
js动态添加的,而恢复数据的操作先于js执行,导致本该填充在第一个文本框的数据填充在了第二个文本框中
