检测由 Tab 键启动的焦点?

2024-02-04

我想检测元素的焦点事件,但前提是该事件是由用户按 Tab 键启动的。例如:

<input type="text" id="foo" />
<input type="text" id="detect" />

If the user is focused on #foo and presses Tab, I want the event to fire once #detect becomes focused (or a conditional inside the focus event to be true). Conversely, if the user simply clicks on the #detect field to focus it, I do not want the event to fire (or I want the conditional inside the focus event call to be false).

我不想使用 keydown 事件#foo并检查是否按下了 Tab 键,因为我希望该方法独立于任何其他元素。

我查看了以下代码的控制台输出,但没有注意到两种聚焦方法之间有任何真正的区别:

$('#detect').on('focus', function(e){
   console.log(e); 
});

(fiddle http://jsfiddle.net/LPGLm/)

这可以通过相对简单的方式完成吗?


Update:改变监听器:

$(window).keyup(function (e) {
    var code = (e.keyCode ? e.keyCode : e.which);
    if (code == 9 && $('#detect:focus').length) {
        alert('I was tabbed!');
    }
});

http://jsfiddle.net/LPGLm/7/ http://jsfiddle.net/LPGLm/7/

原来的:我知道您已接受答案,但您可以使用以下方法测试按下的按钮:

$('#detect').on('focus', function(e){
    $(window).keyup(function (e) {
        var code = (e.keyCode ? e.keyCode : e.which);
        if (code == 9) {
           alert('I was tabbed!');
        }
    });
});

http://jsfiddle.net/LPGLm/1/ http://jsfiddle.net/LPGLm/1/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

检测由 Tab 键启动的焦点? 的相关文章

随机推荐

  • Keras + mnist + 测试自己的图像。错误的预测

    通过测试 mnist 自己的测试图像 它工作得很好 但是一旦我使用来自外部 mnist 的图像 它就会预测错误 我什至尝试从 mnist 数据集中复制其中一张图像 但它仍然无法预测正确的数字 即使在 mnist 数据集中完全相同的图像是可以
  • 如何在 postgresql 中基于 wCTE 的 upsert 中获取表的受影响行数?

    我需要你的帮助 我有一个包含 n 次插入和更新循环操作的查询 我决定使用 UPSERT 因为它不需要循环操作 ex WITH upsert AS UPDATE employee table SET rollno input rollno n
  • didRegisterForRemoteNotificationsWithDeviceToken - 推送通知

    我只是想确认 didRegisterForRemoteNotificationsWithDeviceToken 是指每次应用程序加载时都会调用 并且我的 PHP 服务器或应用程序需要处理是否重新提交以存储在我的数据库中 或者我缺少什么 谢谢
  • 如何改变图像的大小?

    我正在创建一款太空入侵者游戏 我希望所有图像都与屏幕分辨率成比例 这意味着它可以在所有屏幕尺寸上使用 并且所有图像都会缩小或变大 以便适合屏幕 游戏是全屏的 做到这一点最简单的技术是什么 这也是设置所有内容大小的最佳方法吗 你看过吗图像 g
  • Fedora 中的 Arduino 上传错误“stk500_recv(): 程序员没有响应”

    我正在尝试上传库存Blink在 Fedora Core 15 Linux 中使用 Arduino IDE 绘制草图 我收到此错误 avrdude stk500 recv 程序员没有响应 要重现该问题 通过 USB 线插入 Arduino U
  • 在 Task.Run 中使用 CancellationToken 超时不起作用[重复]

    这个问题在这里已经有答案了 好吧 我的问题很简单 为什么这段代码不抛出TaskCancelledException static void Main var v Task Run gt Thread Sleep 1000 return 10
  • Rails 3 Active Admin 将预设值添加到新记录

    我尝试从控制器和活动管理覆盖控制器执行此操作 但无法使其工作 用户创建一个网站 current user 有一个 id 属性 网站有一个 user id 属性 因此 当我创建一个新网站时 我想将 current user id 添加到 we
  • 如何作为用户无法查看的电子表格的“所有者”执行谷歌脚本

    希望这是一个非常简单的问题 我制作了一个 Google 脚本 可以写入单独的工作表 MasterSheet 中的单元格 这里有几个有用的问答帮助 这最终将部署嵌入到我提供给个人用户的多个不同工作表中 当用户对 MasterSheet 具有编
  • 如何更可靠地使用SerialPort类

    我一直在使用SerialPort在与我设计的一些外部硬件通信的应用程序中学习一段时间 在上述硬件的调试过程中 我发现了一些不可靠的地方 最近我偶然发现this http www sparxeng com blog software must
  • CURRENT_TIMESTAMP 和 GETDATE() 之间的区别[重复]

    这个问题在这里已经有答案了 有什么区别CURRENT TIMESTAMP and GETDATE 在 SQL Server 中 SELECT CURRENT TIMESTAMP GETDATE CURRENT TIMESTAMP是一个 AN
  • “标记”SVN 导出并进行修订

    我正在寻找以下情况的解决方案 我们使用 Subversion 除了使用签出的开发环境之外 我们还有一个测试环境 它应该尽可能类似于生产环境 因此 我们现在已将其设置为使用 SVN 导出来更新环境 但是 由于我们只想要最新版本 因此我们不知道
  • 如何在应用程序中将 NPM 模块与 Django 一起使用?

    我有一个包含 2 个应用程序的 Django 项目 我想在其中一个应用程序中使用 Notion API 因此我必须安装它的 NPM 模块 但是 我从未使用过 NPM 或捆绑器 我知道我必须使用一个用于导入语句 我不知道该怎么做 我应该在哪里
  • 如何始终在 api 平台 GET 操作中过滤特定字段值的集合?

    在 GET 操作中 我想从返回的集合中排除具有等于 true 的 archive 字段的实体 我希望它成为我的端点 例如 users 或 companies 的默认值 并且我想避免手动添加 URL 过滤器 例如 users filter a
  • boost::noncopyable 的 unordered_map 无法从操作符[]返回引用

    为了演示我的问题 请考虑这个无法编译的简单程序 include
  • 跨集群访问日志

    我有一个包含 3 个节点的集群 我已经配置了应用程序服务器的数据库 我想知道集群中各主机生成的访问日志是否相同 或者每个主机都有一个单独的 访问日志 用于记录对其主机的请求 我知道集群中的每个主机都维护自己的审核日志文件 访问日志的工作方式
  • 列表视图中的所有内容都会扩展到屏幕宽度。我可以改变这一点吗?

    我正在尝试为我正在制作的应用程序设计聊天屏幕 为了使其可滚动 我将所有聊天消息放置在列表视图中 但是我放置在列表视图中的所有内容都会水平扩展以匹配屏幕宽度 Listview 小部件的宽度 我可以关闭此功能 以便可以将我的聊天消息排列到一侧
  • 强制元类的只读属性

    是的 还在继续有了这个 https stackoverflow com questions 70729700 enforcing single instances from the metamodel 我的印象是 Raku 有这个强大的功能
  • 如何在 php 中安装 posix

    当我运行时 POSIX 没有出现php m cmd 然而 我从phpinfo enable posix shared在装有 Plesk 9 的 Linux 上 基本上我无法使用posix 功能如所述http www php net manu
  • 如何扩展pyserial的输入缓冲区大小

    我想通过串口与手机通信 向手机写入一些命令后 我使用了ser read ser inWaiting 得到它的返回值 但我总是得到总数1020 bytes字符 实际上 期望的回报应该已经结束50KB 我尝试过设置ser read 50000
  • 检测由 Tab 键启动的焦点?

    我想检测元素的焦点事件 但前提是该事件是由用户按 Tab 键启动的 例如