blocks|key|4840910|text|也许：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4840911|$("#your-calendar-icon").focus(function()+{
++$(this).trigger("blur");
);|code-block|syntax|javascript|4840912|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Maybe:

<pre><code>$("#your-calendar-icon").focus(function() {
 $(this).trigger("blur");
);
</code></pre>

blocks|key|2728056|text|在日历图标周围使用div，而不是链接。然后将您的日历事件附加到div。默认情况下，div不是制表位。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2728057|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Use a div around the calendar icon instead of a link. Then attach your calendar events to the div. By default, the div won't be a tab stop.

blocks|key|4840944|text|请查看以下资源：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4840945|4840946|Getting,+setting,+and+removing+tabindex+values+with+JavaScript|unordered-list-item|offset|length|4840947|jQuery+Tabindex+Plugin|4840948|4840949|entityMap|0|LINK|mutability|MUTABLE|url|http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/|1|http://fluidproject.org/blog/2008/01/11/jquery-tabindex-plugin/^0|0|0|0|1Q|0|0|0|M|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|W|8|@]|9|@$F|X|G|Y|1|Z]]|A|$]]|$1|H|3|I|5|E|7|10|8|@]|9|@$F|11|G|12|1|13]]|A|$]]|$1|J|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]|S|$5|N|O|P|A|$Q|T]]]]

Check this resources:

<ul>
<li><a href="http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/" rel="nofollow noreferrer">Getting, setting, and removing tabindex values with JavaScript</a></li>
<li><a href="http://fluidproject.org/blog/2008/01/11/jquery-tabindex-plugin/" rel="nofollow noreferrer">jQuery Tabindex Plugin</a></li>
</ul>

blocks|key|1979594|text|或者：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1979595|$("#your-calendar-icon").focus(function()+{
++++$(somethingElse).trigger("focus");
});|code-block|syntax|javascript|1979596|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

or:

<pre><code>$("#your-calendar-icon").focus(function() {
 $(somethingElse).trigger("focus");
});
</code></pre>

blocks|key|74167|text|如果它总是日历之后的输入，那么为什么不呢：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|74168|$('#your-calendar-icon').focus(+function()+{
++$(this).next('input').focus();
}+);|code-block|syntax|javascript|74169|就我个人而言，如果它是一个插件，你应该让下一个元素成为一个有默认值的配置选项，并在文档中指定默认值。|74170|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If it's always going to be the input after the calendar then why not:

<pre><code>$('#your-calendar-icon').focus( function() {
 $(this).next('input').focus();
} );
</code></pre>

Personally, I'd say that if it's going to be a plugin you should just make the next element a configuration option that has a default, and specify the default in the docs.

blocks|key|2728142|text|为该控件设置tabindex+=+"-1“，浏览器将跳过该控件的跳转。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2728143|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Set tabindex = "-1" for that control and browser will skip that control from tabbing.

Is there a good way, in a javascript onfocus() handler, to trampoline the focus to the next item in the tab order, without having to manually enter the ID of the item that should be next?

I built an HTML date picker in Django/jQuery. It's a line edit followed by a calendar icon that pops up a calendar. I want to be able to tab from the line edit to the next input, skipping the link for the calendar icon. I mean for it to be a generalized widget, so I can't hardcode the id of whatever is next and call .focus(). I know I could set tabindex attributes on everything, but that's more manual than I'd like. Also, iirc, that wouldn't prevent it from taking the focus, it would just put it at the end of the tab order.

How do I skip items when tabbing without using tabindex?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在javascript onfocus()处理程序中，有没有一种好方法可以将焦点移动到Tab键顺序中的下一项，而不必手动输入下一项的ID？我在Django/jQuery中构建了一个HTML日期选择器。这是一个行编辑，后跟一个弹出日历的日历图标。我希望能够从行编辑切换到下一个输入，跳过日历图标的链接。我的意思是它是一个通...

问如何在不使用tabindex的情况下跳过How键？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在不使用tabindex的情况下跳过How键？EN