<div class="sps-input-pwd hide">
<div class="sps-pwd-body">
<p class="sps-pwd-close"><span>×</span></p>
<p class="sps-pwd-title">请输入密码</p>
<div class="sps-pwd-cont">
<table>
<tr>
<td><input type="password" class="sps-pwd-word" value="" maxlength="1" />
<input type="password" class="sps-pwd-word" value="" maxlength="1" />
<input type="password" class="sps-pwd-word" value="" maxlength="1" />
<input type="password" class="sps-pwd-word" value="" maxlength="1" />
<input type="password" class="sps-pwd-word" value="" maxlength="1" />
<input type="password" class="sps-pwd-word" value="" maxlength="1" /> </td>
</tr>
</table>
</div>
<p>
<button class="sps-pwd-confirm" type="button">确认</button>
</p>
</div>
</div>
//js方法
var flag = 2;
var txts = document.getElementsByClassName('sps-pwd-word');
for(var i = 0; i < txts.length; i++) {
var t = txts[i];
t.index = i;
t.setAttribute("readonly", true);
t.onkeyup = function() {
if(this.value) {
var next = this.index + 1;
if(next > txts.length - 1) return;
txts[next].removeAttribute("readonly");
txts[next].focus();
} else {
if(flag == 1) {
var prev = this.index;
if(prev < 0) return;
txts[prev].focus();
flag = 2;
} else {
var prev = this.index - 1;
if(prev < 0) return;
txts[prev + 1].setAttribute("readonly", 'readonly');
txts[prev].focus();
flag = 1;
}
}
}
}
txts[0].removeAttribute("readonly");