javascript 按下回车键触发input表单的切换（enter键代替tab键功能）

本来是想用js代码去模拟键盘按下来实现该功能，但是没有实现到。后来想到一种比较笨的方法。局限性是只能这些表单元素只能在同个层面下才能切换。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><input type="text" id="i1" onKeyPress="Myenter('i2')"><input type="text" id="i2" onKeyPress="Myenter('i3')"><input type="text" id="i3" onKeyPress="Myenter('i1')"><button class="btn">123</button><script>function Myenter(id) {if (event.keyCode == 13){document.getElementById(id).focus();}}window.onload = function() {}</script>
</body>
</html>

原理很简单啦

javascript 按下回车键触发input表单的切换（enter键代替tab键功能）相关推荐

【解决回车键出现乱码的问题】禁用Enter键触发form表单提交的问题，同时启用保留textarea换行操作
问题描述 Enter键触发form表单提交的问题 ,同时启用保留textarea换行操作 ##解决回车键出现乱码的问题代码如下(示例): <script type="text/jav ...
表单标签——input表单元素、select下拉表单元素和textarea文本域
表单标签表单的目的是为了收集用户信息.在网页中,我们也要跟用户进行交互,收集用户资料,此时就需要表单. 表单的组成:在HTML中,一个完整的表单通常由表单域.表单控件(也称为表单元素)和提示信息三部 ...
HTML基本语法之表单标签：表单的组成，表单域，表单控件元素（表单元素），input表单元素， label标签，表单控件（表单元素）， select表单元素， textarea表单元素
文章目录表单标签表单的组成表单域常用属性: 表单控件元素(表单元素) input表单元素 label标签表单控件(表单元素) select表单元素 textarea表单元素表单元素几个总结 ...
JavaScript将焦点设置为HTML表单元素
本文翻译自:JavaScript set focus to HTML form element I have a web form with a text box in it. 我有一个带有文本框的W ...
input表单标签和label标签以及常使用标签的介绍
文章目录一.input表单标签 1.文本框 2.密码框 3.单选框 4.复选框 5.文件选择 6.按钮二.button按钮标签三.select下拉菜单标签四.textarea文本域标签五.l ...
input表单元素required用法
input表单元素required用法定义和用法 required 属性是一个布尔属性. required 属性规定必需在提交表单之前填写输入字段. 注意:required 属性适用于下面的 inp ...
解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题一般的浏览器input和button的高度不一致问题...
解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题如果我们把一个表单设置位 autofocus ,这时这个表单在获取焦点后就会产生淡黄色的背景,我们就是使用!importa ...
Html Input表单校验
Html Input表单校验 Input可以绑定的附加属性有:datatype.nullmsg.sucmsg.errormsg.ignore.recheck.tip.altercss.ajaxurl ...
input表单只允许输入大于0的整数
1.<input type="tel" name="num" maxlength="5" οnkeyup="carNum( ...
4-1 :input表单选择器 jQuery第四章很关键好像刚好可以解决微信自动回复...
jQuery第四章很关键好像刚好可以解决微信自动回复 $("#frmTest :input") //冒号之前一定要有空格 :input表单选择器如何获取表单全部元素? ...

javascript 按下回车键触发input表单的切换（enter键代替tab键功能）

javascript 按下回车键触发input表单的切换（enter键代替tab键功能）相关推荐

最新文章

热门文章