javascript - 按回车键切换文本字段

标签 javascript jquery html

我在网上找到的答案都没有用。

当我的页面加载时,我让我的 JS 文件选择第一个文本字段;哪个有效。 然后我想要它,这样如果在文本字段中按下回车键,它就会继续到下一个文本字段。现在我有...

$('input[type="text"]').keyup(function(e) {
    if(e.keyCode == 13) {
        $(this).next().focus();
    }
});

这是行不通的。

我的输入是...

<input type="text" name="username" id="username" autocomplete="off" />
<input type="text" name="password" id="password" autocomplete="off" />

如果我做了一些愚蠢的事情,我深表歉意,但我已经尝试解决这个问题太久了。

最佳答案

您只需将您的代码片段指向文档就绪函数。如下图

$(document).ready(function (){
     $('input[type="text"]').keyup(function(e) {
          var key_code = e.keyCode || e.which;
          if(key_code == 13)
          {
              $(this).nextAll('input[type="text"]').first().focus();
          }
     });
 });

如果在第二个文本输入字段之前有任何其他 DOM,请注意建议使用 nextAll('input[type="text"]').first().focus()

关于javascript - 按回车键切换文本字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39141844/

相关文章:

JavaScript(用一个按钮打开和关闭某些东西)

javascript - 保存选择以供以后在 JS 中使用

javascript - 如何减少laravel中js/css上的HTTP请求

javascript - 在javascript错误中将json列表传递给数组

javascript - 使用jquery获取与json对象中提供的值匹配的对象?

javascript - 单击链接时停止表行切换

jquery - 单击事件未在 IE 中注册,div 上的 jQuery (jsfiddle)

javascript - 使用 Jquery 复选框类型动态调用 Shopify 产品 ID 添加到购物车

javascript - 在客户端 Laravel 中排序/过滤表的最喜欢的方式?

javascript - HTML 和 JavaScript - 如何向 div 添加点击事件