jQuery:如何知道表格行何时失去焦点?

2023-12-30

在表行中 (<tr>)有几个输入元素。

当 tr 失去焦点时(但不是当用户只是切换到同一 tr 中的不同输入元素时),我需要执行一些 JavaScript 代码。

我使用 jQuery。

如何做到跨浏览器?


我想您正在寻找这种方法(demo http://jsfiddle.net/dU8sn/,在 Chr/Ff/IE10 中检查):

var delayedFn, blurredFrom;
$('tr').on('blur', 'input', function(event) {
    blurredFrom = event.delegateTarget;
    delayedFn = setTimeout(function() {
        console.log('Blurred');
    }, 0);
});
$('tr').on('focus', 'input', function(event) {
    if (blurredFrom === event.delegateTarget) {
        clearTimeout(delayedFn);
    }
});

正如你所看到的,我们延迟了对“真正的模糊处理程序”的调用(这是带有console.log在此示例中)与setTimeout- 如果我们看到焦点停留在同一行,则清除此超时。

我在这里使用委托,所以我不需要打电话closest(tr)每一次。但它在这里还有另一个副作用,因为处理程序将正确处理动态添加到表中的输入。

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

jQuery:如何知道表格行何时失去焦点? 的相关文章

随机推荐

  • 设置不透明度时,Flash 在 HTML 元素下接收鼠标事件

    我有一个 HTML 文档 其中包含一个 Flash 对象和一个位于其上方的绝对定位的 HTML 元素 如果我设置 HTML 元素的opacityCSS 属性设置为任何小于 1 的值时 Flash 对象 即实际被覆盖的 接收鼠标事件 使用纯
  • SwiftUI:在设备上测试时未检测到深色模式

    我正在尝试使用 SwiftUI 在我的 iOS 应用程序中实现深色模式 简单的测试是更改背景颜色 I have set up my colour set as seen below 内容视图 swift import SwiftUI str
  • 如何使用 RollingFileAppender 将日期附加到日志文件名

    我正在使用 log4j RollingFileAppender 我正在尝试将日期附加到文件名 所以我附加 d yyyy MM dd HH mm 到 log4j properties 中的活动文件名属性 如下所示 但是文件生成的名称为 myl
  • 如何检查数组是否不为空? [复制]

    这个问题在这里已经有答案了 如何检查数组是否不为空 我这样做了 if not self table 5 is None 这是正确的方法吗 问题中没有提到 numpy 如果通过array你的意思是list http www diveintop
  • 尝试在 PHP 中进行 json_encode

    这是我的小脚本 item Inception query SELECT FROM items WHERE item item LIMIT 1 result mysql query query while row mysql fetch ar
  • BigQuery:如何使用新的存储 JSON 文件自动重新加载表?

    我刚刚通过链接 Google Cloud Storage 中的可用 JSON 文件创建了一个 BigQuery 表 但我没有看到任何选项可以自动重新加载表行以及在 Google Cloud Storage 文件夹或存储桶中添加的新文件 目前
  • Java:内存分析器工具(MAT)用法:比较两个堆转储

    我正在使用 Eclipse MAT 插件 我可以看到一个 hprof 文件堆历史记录 我为 Java 应用程序拍摄了两张快照 我希望当我比较两个堆转储时 我可以找出哪些对象实例增加很多 以便我可以识别内存泄漏的可能性 netbean 能做到
  • 如何使用 TextMate 对 csv 文件的每个值应用双引号?

    我有一个 csv 文件 格式如下 示例 csv bear brown mean large ant black strong tiny cat yellow moody small 如何在每个值周围应用双引号 我如何使用正则表达式来完成此操
  • jsf 页面的中心组件

    我试图将组件放在 jsf 页面的中心 它看起来像这样
  • JPA/Eclipselink 缓存生命周期

    1 我正在使用 Glassfish 2 1 和 EcipseLink 2 0 0 所以实际上使用 JPA 1 0 规范 并且我有一个无状态 EJB 可以查找实体等 据我所知 JPA 1 0 定义了一个在持久性上下文级别 无状态 EJB 的事
  • Spring Data Rest 字段转换器

    我很难使用我的自定义转换器spring data REST项目 无控制器应用程序和严格的java配置 我有两个实体 一个雇员和一个国家 这种关系是 ManyToOne 我相信我们都知道这一点 无论如何 问题在于转换state字段 字段名称是
  • Windows 上的“系统”和“系统空闲进程”PID 是否恒定?

    在我看过的几个 Windows XP 系统上 系统空闲进程 始终具有 PID 0 而 系统 进程始终具有 PID 4 在枚举进程的 Windows 程序中 识别这些进程是否安全由这些 PID 决定 还是在某些情况下它们可能不同 我的生产代码
  • 如何在 Swift 中将“addTarget”添加到 UILabel

    我正在尝试在 Swift 中添加标签 这些标签是在循环中添加的 然后 我想在添加每个事件时为其添加一个 TapGesture 事件 它可以工作 但问题是 调用的函数从标签中获取数据以在单击时使用 但那时标签已被重新定义 并且它从最后添加的标
  • JFreechart,带填充区域的折线图

    我正在尝试创建如下图表 虽然我几乎通过简单地创建折线图并为渲染器自定义形状 绘制来实现了所有目标 但我似乎找不到一种方法来填充系列线下方的区域 任何线索 我该怎么做 您可以使用以下命令创建图表StackedXYAreaRenderer ht
  • Python urllib2 不尊重超时

    以下两行代码永远挂起 import urllib2 urllib2 urlopen https www 5giay vn timeout 5 这是 python2 7 的情况 我没有设置 http proxy 或任何其他环境变量 任何其他网
  • 无法在 Eclipse 中创建 Xtext 项目

    I installed Xtext 2 12 from the Eclipse Marketplace I m using Eclipse Neon 3 Release 4 6 3 Following the directions in t
  • CMake - 强制 find_package 更新缓存变量

    在我的 CMake 项目中 我提供了用户可编辑的 Boost 的默认路径 set PATH BOOST DEFAULT softs boost BOOST VER ARCH gcc GCCVER set PATH BOOST PATH BO
  • 初始页面加载时光滑滑块宽度为 0

    我在使用 Slick Slider 时遇到了一个非常奇怪的问题 有时 在第一页加载时 幻灯片和轨道宽度被设置为 0 我已经尝试了许多解决方案 包括 设置超时然后调用slick 通过JS触发窗口大小调整事件 将所有光滑元素的最小高度设置为 1
  • WordPress 在“save_post”操作中将 post_status 设置为“草稿”

    我有一个适用于我的自定义帖子类型的自定义函数 加工时save post action add action save post my custom function 我想将帖子状态设置为草稿 以防从外部 api 获取自定义数据出现问题 在我
  • jQuery:如何知道表格行何时失去焦点?

    在表行中 tr 有几个输入元素 当 tr 失去焦点时 但不是当用户只是切换到同一 tr 中的不同输入元素时 我需要执行一些 JavaScript 代码 我使用 jQuery 如何做到跨浏览器 我想您正在寻找这种方法 demo http js