Javascript 当用户按enter键时,是否关注下一个表单字段?
有人能帮我吗 我有一个表单,一旦用户输入表单字段的值,我希望焦点转移到下一个字段 该表单是使用html和css创建的,理想情况下需要一个javascript事件来实现这一点 我已经试过了,玩了几个小时,但我似乎无法破解它,也无法让它发挥作用 我在下面附上了一些代码,向您展示我的进度。(只有html和javascript,没有CSS样式 任何帮助都将不胜感激 是否有一个明确的准备,为什么焦点没有转移到下一个领域Javascript 当用户按enter键时,是否关注下一个表单字段?,javascript,events,onclick,key,Javascript,Events,Onclick,Key,有人能帮我吗 我有一个表单,一旦用户输入表单字段的值,我希望焦点转移到下一个字段 该表单是使用html和css创建的,理想情况下需要一个javascript事件来实现这一点 我已经试过了,玩了几个小时,但我似乎无法破解它,也无法让它发挥作用 我在下面附上了一些代码,向您展示我的进度。(只有html和javascript,没有CSS样式 任何帮助都将不胜感激 是否有一个明确的准备,为什么焦点没有转移到下一个领域 <script> // register jQuery extensio
<script>
// register jQuery extension
jQuery.extend(jQuery.expr[':'], {
focusable: function (el, index, selector) {
return $(el).is('a, button, :input, [tabindex]');
}
});
$(document).on('keypress', 'input,select', function (e) {
if (e.which == 13) {
e.preventDefault();
// Get all focusable elements on the page
var $canfocus = $(':focusable');
var index = $canfocus.index(document.activeElement) + 1;
if (index >= $canfocus.length) index = 0;
$canfocus.eq(index).focus();
}
});
//注册jQuery扩展
extend(jQuery.expr[':']{
可聚焦:功能(el、索引、选择器){
return$(el).is('a,button,:input,[tabindex]');
}
});
$(文档).on('keypress','input,select',函数(e){
如果(e.which==13){
e、 预防默认值();
//获取页面上所有可聚焦的元素
变量$canfocus=$(':focusable');
var index=$canfocus.index(document.activeElement)+1;
如果(index>=$canfocus.length)index=0;
$canfocus.eq(index.focus();
}
});
好的,我会这样做的
var$inputs=$(“input”);//首先获取所有输入
$inputs.按键(功能(e){
如果(e.which==13){
e、 预防默认值();
var index=$inputs.index(this)+1;//获取输入的下一个索引
如果(索引<$inputs.length){//检查是否不是最后一次输入
$inputs.eq(index.get(0.focus();//下一步聚焦
}
}
});
请输入您的名字,以便我可以开始您的报价*
谢谢,请告诉我你的姓*
太棒了!请你给我你的电子邮件地址,这样我就可以发送你的报价文件给你*
不是这样的。
你有联系电话吗*
谢谢!您的企业名称是什么?如果您以自己的名义进行交易,那没关系-只需输入您的全名即可*
有时,我们可能希望与您联系,让您了解特别优惠和产品:*
EmailPhoneTextNoneAll
Hi@Pete的可能重复项我已经看过了,但不一样。谢谢你的回答!:)怎么不一样?你有一个输入列表,你有一个按钮按下,你想专注于下一个输入-这与他们对用户输入的限制完全相同,而我的那个是询问信息而不是数字。keycode==46 | | keycode==8 | | keycode==37 | | | keycode==39 | | | | keycode>=48&&keycode是的,这并不完全相同,但它有你回答问题所需的所有部分-重复的问题不是完全重复的问题,它们是复制另一个问题的主要部分的问题