问题标签 [jquery-focusout]

我有一组动态生成的输入字段，因此我不能使用 ID。对于每个输入字段，我都有一个 focusout 方法来验证最终用户输入的值。

如果验证失败，我想清除输入的值并将焦点带回相同的输入。当我尝试使用这个关键字时，似乎将作用域设置为windows而不是输入控件。

输入字段截图：

在上面的代码中，这个关键字似乎不起作用。

我有一个焦点事件

我想从代码中的其他地方触发它。

我试过$('#input12').focus().blur(); 也试过$('#input12').trigger("focusout")

编辑：我正在使用动态生成的元素。

但那里没有运气......

该元素#input12具有类名alpha，因此我希望触发 focusout 事件。

有没有办法完成它？

这是我尝试做https://jsfiddle.net/jnmnk68d/时的 jsfiddle 示例

这一定很简单，但我看不出是什么阻止了这个组合 .focusout 和 .change 函数的工作。

当焦点离开第一个输入时，我希望第一个输入复制到第二个。控制台中没有错误。小提琴：https ://jsfiddle.net/fh8t6mm0/

我想使用 focusout 的原因是 .change 和 .val 函数由于某种原因不能可靠地工作。

HTML：

JS：

我有一个表格，当我单击一个单元格时，该单元格变成可编辑的。如果我更改单元格的内容，我想执行 AJAX 请求以将数据保存到数据库中，前提是：

1. 专注于细胞外
2. 按回车键

问题是，如果我按“Enter”，事件会执行两次，如果我离开单元格，则执行一次；我想我知道为什么：输入按键也可以作为焦点输出。这是代码：

我试图在事件中限制它：

但不幸的是，它不起作用。

知道为什么这会失败吗？知道我怎样才能让它工作吗？

提前致谢！

我知道这是一个常见问题，但我所见过的答案都没有解决我的问题，如果我错过了一个答案，我深表歉意，这显然可以被删除/标记为重复......

标记

脚本

造型

小提琴

http://jsfiddle.net/joemottershaw/3yzadmek/

它非常简单，单击js-dropdown-trigger切换下拉类很好，单击容器is-active外部也会删除下拉类。has-dropdownis-active

除了，我期望发生的是关注元素的后代元素（单击或选项卡），has-dropdown这意味着focusout不应触发事件处理程序，因为您仍然专注于has-dropdown容器的后代元素。

当某个元素或其中的任何元素失去焦点时，该focusout事件将被发送到该元素。这与 blur 事件不同，它支持检测对后代元素的焦点丢失

我知道我可以删除focusout事件处理程序并使用类似的东西：

这可行，但是如果您要单击触发器，然后通过选项卡浏览链接，则当您通过最后一个链接进行选项卡时，下拉菜单仍然可见。只是努力寻找最佳解决方案来保持事物的可访问性。

如果可能的话，我想坚持这种focusout方法。

根据darshanags答案更新

尽管更新后的脚本适用于单个元素，但添加其他元素body会导致focusout不再按预期工作。我认为这是因为即使将焦点应用于容器之后的任何元素，而不仅仅是后代，该if语句似乎也是正确的？has-dropdown因为如果您要更新 HTML 并在下拉菜单后添加更多可聚焦元素，例如输入。当从has-dropdown容器内的最后一个可聚焦元素切换到输入时，下拉菜单保持活动状态。它仅在下拉列表是 DOM 中的最后一个元素时才有效，并且仅在焦点完全失去 DOM 时触发。

我有两个条件（如果它们为真）执行相同的功能（其中一个是“focusout”事件）：

})

我想知道是否有一种方法可以将第一个条件和“focusout”事件结合起来，例如：

我在表 td 的单击事件上创建了 timepicker，因此用户可以在单击 td timepicker 显示时更改时间，更改时间后数据将使用 ajax 保存，timepicker 再次隐藏和正常 td 显示。

在 td timepicker 显示的那个 onclick 事件中，但我不能在这个 timepicker 上设置 onchange 事件或 onfocus out 事件

任何人都可以在这方面帮助我...

我正在mvc中开发一个Web应用程序并生成带有循环的文本框，因此每个文本框的ID都是唯一的，并且每个文本框的focusout事件都通过ajax检查验证。问题是 focusout 事件自动触发两次并显示每个文本框的两次值并传递两次值，我不知道是什么原因。我的代码如下。非常感谢你们所有人！

在下面的代码中，我试图在用户单击文本字段时显示 ul 元素，并在用户单击 div 之外的某个位置时隐藏它，除了出现问题外，它工作得很好。ul 元素将被隐藏我单击一个标签元素（共享我的位置），但我没有在控制台中获得坐标。你知道我的错误在哪里吗？

HTML 代码：

CSS：

jQuery代码：

演示看这里