2019-07-09 回车跳到下一个input

<!DOCTYPE html>
<html >
<head>
<title></title>
</head>
<style type="text/css">

</style>

<body>
<input type="text" name="1">
<input type="text" name="2">
<input type="text" name="3">
<input type="text" name="44">
<input type="text" name="5">
</body>
<script type="text/javascript">
//按回车键跳到下一个input
var a=document.getElementsByTagName('input');

for (let i = 0; i < a.length; i++) {
a[i].onkeydown=function fn(e) {
console.log(e.keyCode);
// body...
if (e.keyCode==13) {
console.log(a[i+1])
a[i+1].focus();
}
}
}

</script>
</html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,154评论 0 2
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,362评论 1 10
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,378评论 2 17
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,981评论 1 45
  • 愿10年后,我提着老酒,你仍是老友! 每天一点一滴的生活陪伴,常常督促着我们要感恩于心,陪伴不是长久的,总有一天我...
    一位淑女的坐姿阅读 2,271评论 0 0