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
});

From 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...
  }
});