jquery - jQuery“点击”文本框。如何添加 Tab 键支持？

Question

$("#textbox").one("click", function () {

});

如何添加对 tab 键的支持？如果用户在前一个文本框上然后单击 tab 键并最终出现在#textbox 上，则应该运行该函数，以及用户决定单击而不是使用 tab 键的时间。

Answer 1

我认为您正在寻找focus活动：

$("#textbox").one("focus", function () {
    // Fires when the textbox gets focus, whether via the
    // mouse or the keyboard (e.g., tab)
});

您确定只希望在第一次聚焦控件时调用它吗？（你用过one。）不是以后的时间？如果您希望它每次都发生，请使用on而不是one.

Answer 2

您可以绑定到focus事件而不是click事件：

$("#textbox").one("focus", function () {
    //Do stuff
});

来自 MDN：

焦点事件用于在将焦点赋予元素时做出响应。

和

用户可以通过用鼠标单击元素或按 TAB 键来更改焦点。按下 TAB 键时，下一个元素将获得焦点。要后退，可以按下 Shift 键和 Tab 键。

Answer 3

您可以使用focus事件，它同时支持tab和click事件：

$("#textbox").one("focus", function () {

});

Answer 4

你会做什么..由关键代码决定？

$("#textbox").one("keydown",function(ev){
  var c=ev.KeyCode||ev.which;
  if(c==9){
    ev.preventDefault();
    //something...
  }
});