先附上代碼
<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>
-
加載的頁面效果如下:
初始化文本框 -
然后在第一個(gè)文本框中輸入任意值
輸入任意值 - 點(diǎn)擊瀏覽器的
<-按鈕后再點(diǎn)擊->按鈕
之前輸入的任意值就跳到第二個(gè)文本框里面了
之前輸入的任意值就跳到第二個(gè)文本框里面了
-再點(diǎn)擊瀏覽器的<-按鈕后再點(diǎn)擊->按鈕
之前輸入的任意值就跳到第三個(gè)文本框里面了
輸入的任意值就跳到第三個(gè)文本
這個(gè)問題我在Safari瀏覽器中操作時(shí),點(diǎn)擊瀏覽器的<-按鈕后再點(diǎn)擊->按鈕后輸入的任意值仍在第一個(gè)文本框中
Safari沒問題
這應(yīng)該是chrome瀏覽器
Bug,推測原因是由于第一個(gè)文本框是通過
js動(dòng)態(tài)添加的,而恢復(fù)數(shù)據(jù)的操作先于js執(zhí)行,導(dǎo)致本該填充在第一個(gè)文本框的數(shù)據(jù)填充在了第二個(gè)文本框中
