[ACCEPTED]-How do I skip items when tabbing without using tabindex?-tab-ordering
Set tabindex = "-1" for that control and 1 browser will skip that control from tabbing.
Maybe:
$("#your-calendar-icon").focus(function() {
$(this).trigger("blur");
);
0
or:
$("#your-calendar-icon").focus(function() {
$(somethingElse).trigger("focus");
});
0
Check this resources:
0
Use a div around the calendar icon instead 3 of a link. Then attach your calendar events 2 to the div. By default, the div won't be 1 a tab stop.
If it's always going to be the input after 5 the calendar then why not:
$('#your-calendar-icon').focus( function() {
$(this).next('input').focus();
} );
Personally, I'd 4 say that if it's going to be a plugin you 3 should just make the next element a configuration 2 option that has a default, and specify the 1 default in the docs.
As @thetacom says, you can just use another 9 type of element, one that doesn't receive 8 focus. In case you still want to keep some 7 of the tab functionality, you can try SkipOnTab.
SkipOnTab: A 6 jQuery plugin to exempt selected form fields 5 from the forward tab order.
Just add data-skip-on-tab="true" to 4 the date picker icon (or other elements/containers) you 3 want to skip. You can still click to activate 2 the date picker or go back using shift-tab and use 1 the enter key.
See the simple demo and the business case demo.
More Related questions
We use cookies to improve the performance of the site. By staying on our site, you agree to the terms of use of cookies.