JavaScript实现回车键切换输入框焦点

最新推荐文章于 2023-04-04 22:22:50 发布

weixin_30755393

最新推荐文章于 2023-04-04 22:22:50 发布

阅读量433

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/phpfensi/p/4333838.html

版权

用JavaScript实现回车键切换输入框焦点的功能，不是回车换行哦，在Textarea中，回车换行是默认功能，不过若要在textarea中使用回车切换输入框焦点功能的话，回车换行就要失效了，不过input对象可以用，一般在表单中，input元素是比较多的，下面来个例子：

<script type="text/javascript">
function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ?
event.which : event.charCode;
if (keyCode == 13) {
var i;
for (i = 0; i < field.form.elements.length; i++)
if (field == field.form.elements[i])
break;
i = (i + 1) % field.form.elements.length;
field.form.elements[i].focus();
return false;
}
else
return true;
}
</script>

这样来使用上面的Js代码：

<form>
<input type="text" οnkeypress="return handleEnter(this, event)"><br>
<input type="text" οnkeypress="return handleEnter(this, event)"><br>
<textarea οnkeypress="return handleEnter(this, event)">回车切换焦点</textarea>
</form>

转载于:https://www.cnblogs.com/phpfensi/p/4333838.html