javascript - Jquery 用户界面实时 () : Focusing on events other than 'click'

Question

以下代码显示了单击(最初隐藏的)文本框后的 Jquery UI 日期选择器。任何人都知道如何让“标签”按钮也激活它？本例中的日期选择器类适用于文本框。许多用户会使用选项卡而不是单击，现在它不起作用..

$(function() { 
    $('.datepicker').live('click', function () {
            $(this).datepicker({showOn: 'both'}).focus();
    });
});

Answer 1

当您说“允许‘tab’按钮激活”时，我假设您的意思是点击 tab 键将焦点转移到文本框中？如果是这样的话，the live handler也适用于 focus 事件，因此您只需更改代码以捕获 focus 事件而不是 click(click code> 将导致该字段获得焦点并触发。

编辑: ..oops，重新阅读代码，我仓促的示例会导致无限焦点循环，试试这个:

$(function() { 
    $('#ReferenceNumber').live('focus', function () {
        var picker = $(this).datepicker({showOn: ''});
        picker.datepicker("show");
    });
});