按下Enter键时,如何查找聚焦于哪个输入字段?(jquery)

Mrjayviper

我的表单中有3个输入字段(文本字段)。

<input id="input1" name="input1" type="text" value="">
<input id="input2" name="input2" type="text" value="">
<input id="input3" name="input3" type="text" value="">

我也有这段JavaScript:

$("#timetable").on("submit", function(event) {
    console.log("input " + $("input").attr("id") + "has focus");
});

我想知道按下输入/返回按钮时哪个输入字段具有焦点。我已经搜寻过网,但是却空无一人。

谢谢

乔什·克罗齐耶(Josh Crozier)

MDN- Document.activeElement

Document.activeElement返回当前关注的元素,即,如果用户键入任何元素将获得击键事件的元素。该属性是只读的。

因此,在Submit事件侦听器中,您将访问document.activeElement,这是关注的元素。

这里的例子

$("#timetable").on("submit", function (event) {
    console.log(document.activeElement);    // element
    console.log(document.activeElement.id); // element id
    
    $(document.activeElement).css('border-color', 'red');
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

按下Enter键时如何移动到下一个输入字段?

来自分类Dev

按Enter键后jQuery聚焦

来自分类Dev

在输入上按下Enter键时注入HTML

来自分类Dev

按下Enter键时获取输入文本的值

来自分类Dev

如何防止在输入字段中按Enter键时发生重定向?

来自分类Dev

用户在输入字段上按Enter键时如何运行功能?

来自分类Dev

按下“ enter”键时触发jquery“ on click”功能

来自分类Dev

jQuery:按下Enter键时显示的内容

来自分类Dev

按下Enter键时如何使函数执行某些操作

来自分类Dev

当按下Enter键时,如何触发Tab键按下?

来自分类Dev

按下Enter键时如何将焦点移至下一个字段?

来自分类Dev

按下Tab键时如何阻止字段可用

来自分类Dev

按下Tab键时如何阻止字段可用

来自分类Dev

按下Enter键专注于表格内的下一个输入字段

来自分类Dev

多次按Enter键时禁用输入

来自分类Dev

多次按Enter键时禁用输入

来自分类Dev

按下Enter键时忽略动作

来自分类Dev

如何让bash在按下时而不是按ENTER时读取“按下的键”

来自分类Dev

jQuery Mobile Listview自动完成功能:如何在用户按下Enter键时触发功能?

来自分类Dev

在IE的输入文本字段中按Enter键时,将触发按钮OnClick

来自分类Dev

在IE的输入文本字段中按Enter键时,将触发按钮OnClick

来自分类Dev

按下Enter键时停止获取用户输入(C语言)

来自分类Dev

在 React 中按下 Enter 键时获取文本输入的状态

来自分类Dev

如何防止用户按下ENTER键?

来自分类Dev

如何发送按下ansible的ENTER键?

来自分类Dev

用户在输入=文本中按下Enter时的jQuery函数commit(),也以相同的形式提交输入=提交

来自分类Dev

按下Enter键后,如何存储和操作文本输入?

来自分类Dev

检测输入字段上的输入键按下

来自分类Dev

按下Alt时如何防止控制箱聚焦?

Related 相关文章

  1. 1

    按下Enter键时如何移动到下一个输入字段?

  2. 2

    按Enter键后jQuery聚焦

  3. 3

    在输入上按下Enter键时注入HTML

  4. 4

    按下Enter键时获取输入文本的值

  5. 5

    如何防止在输入字段中按Enter键时发生重定向?

  6. 6

    用户在输入字段上按Enter键时如何运行功能?

  7. 7

    按下“ enter”键时触发jquery“ on click”功能

  8. 8

    jQuery:按下Enter键时显示的内容

  9. 9

    按下Enter键时如何使函数执行某些操作

  10. 10

    当按下Enter键时,如何触发Tab键按下?

  11. 11

    按下Enter键时如何将焦点移至下一个字段?

  12. 12

    按下Tab键时如何阻止字段可用

  13. 13

    按下Tab键时如何阻止字段可用

  14. 14

    按下Enter键专注于表格内的下一个输入字段

  15. 15

    多次按Enter键时禁用输入

  16. 16

    多次按Enter键时禁用输入

  17. 17

    按下Enter键时忽略动作

  18. 18

    如何让bash在按下时而不是按ENTER时读取“按下的键”

  19. 19

    jQuery Mobile Listview自动完成功能:如何在用户按下Enter键时触发功能?

  20. 20

    在IE的输入文本字段中按Enter键时,将触发按钮OnClick

  21. 21

    在IE的输入文本字段中按Enter键时,将触发按钮OnClick

  22. 22

    按下Enter键时停止获取用户输入(C语言)

  23. 23

    在 React 中按下 Enter 键时获取文本输入的状态

  24. 24

    如何防止用户按下ENTER键?

  25. 25

    如何发送按下ansible的ENTER键?

  26. 26

    用户在输入=文本中按下Enter时的jQuery函数commit(),也以相同的形式提交输入=提交

  27. 27

    按下Enter键后,如何存储和操作文本输入?

  28. 28

    检测输入字段上的输入键按下

  29. 29

    按下Alt时如何防止控制箱聚焦?

热门标签

归档