开发工具与关键技术:DW开发 JQuery插件
作者:罗中贤
撰写时间:2019-02-25
我们常常用input 输入框中输入字符时,每输入一次点击鼠标一次,很不方便
写一个Input
<input onkeypress="if(event.keyCode==13) skipInput(this);"/>
js方法
function skipInput(thisInput) {
var inputs = document.getElementsByTagName("input");//获取页面的input标签
for (var i = 0; i < inputs.length; i++) {//循环input标签的数量
// 如果是最后一个,则焦点回到第一个。(这个你可以选择去掉)
if (i == (inputs.length-1)) {
inputs[0].focus();
break;
} else if (thisInput == inputs[i]) {//当(event.keyCode==13)按Enter键触发window事件时聚焦下一个input标签
inputs[i + 1].focus();//这是在skipInput函数中调用另一个login(登录按钮点击跳转的方法)函数
break;
}
}
}
这样当我们输入字符时按下回车Enter就可以了,也很快捷