在标签上点击显示/隐藏

Question

我有一个显示div onclick的脚本，但是当用户点击Tab键时我想要相同的逻辑。

$(document).ready(function(){
    $("#password").click(function(){
        $("#password-confirm").slideDown(600);
    });
});

此功能可以用于标签按钮吗？如果是这样，怎么样？

Answer 1

如果要从密码字段中检测Tab键。你可以试试这个：

$("#password").keydown(function (e) { 
  var keyCode = e.keyCode || e.which; 

  if (keyCode == 9) { 
    $("#password").trigger("click"); // trigger click event 
  } 
});

Answer 2

设置div的tabindex属性，例如：<div tabindex="0">

$(document).ready(function(){
    $("#password").on("click focus", function(){
        $("#password-confirm").slideDown(600);
    });
});

Answer 3

$("body").keydown(function(e){
    var keyCode = e.keyCode || e.which; 
    if (keyCode == 9) { 
        $("#password-confirm").slideDown(600);
    }
});