how can i focus to the new element …By pressing the Tabbutton

Question

How Can I focus to the new Element pressing the TAB

 var objClass = obj.className;
        $(obj).datepicker({
            changeMonth:true,
            changeYear:true,
            onClose:function()
            {

              $("#ui-datepicker-div").css("visibility", "hidden");
              focusToNextField();         
            }

Answer 1

Use .attr("tabIndex", "-1")

$('#dateelement').datepicker({
    changeMonth: true,
  changeYear: true,

}).next('button.ui-datepicker-trigger')
      .attr("tabIndex", "-1");

Here is the demo

Observe the cursor moves to the next textbox on hittin TAB button

Answer 2

您可以使用$('#nextElem").focus();

Answer 3

Use $(":focusable") to get current element and add focus on next element

var objClass = obj.className;
$(obj).datepicker({
    changeMonth: true,
    changeYear: true,
    onClose:function() {
        $("#ui-datepicker-div").css("visibility", "hidden");
        var focusables = $(":focusable");   
        var current = focusables.index(this),
        next = focusables.eq(current+1).length ? focusables.eq(current+1) : focusables.eq(0);
        next.focus();
    }

});

Answer 4

I suppose you need to have a keydown event:

$(obj).datepicker({
    changeMonth: true,
    changeYear: true,
    onClose:function() {
        $("#ui-datepicker-div").css("visibility", "hidden");
        // focusToNextField();       
    }
}).on('keydown', function(e){
   e.preventDefault();
   if(e.which === 9){
     $(this).next(':input').focus();
   }
});