on tab點擊顯示/隱藏

Question

我有一個腳本顯示了div onclick，但是我希望當用戶點擊標籤按鈕時發生同樣的邏輯。

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

該功能可用於製表按鈕嗎？如果是這樣，怎麼樣？

Answer 1

如果您想檢測密碼字段中的製表鍵。你可以試試這個：

$("#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); 
    } 
});