问题标签 [focusout]

这个怎么运作

我正在构建一个演示搜索框，当输入字段不为空时，搜索结果会显示在其中。当你模糊搜索结果容器隐藏时。

问题

当我单击搜索结果容器时出现问题。输入字段因搜索结果容器隐藏的结果而变得模糊。

如何使其工作，以便在单击它（或其中的元素）时搜索结果容器不会隐藏。

HTML

jQuery

在我的代码中，当focusOutEvent插槽调用时，这个小部件将被关闭。同时，我遇到了一个问题，即QPushbutton在此当前小部件中单击 a 也会导致focusOutEvent按钮clicked()信号不再被触发。

在构造函数中：

connect(btn, SIGNAL(clicked()), this, SLOT(btnClickFucntion()));

然后，我有如下函数：

然而，btnClickFucntion{}从来没有打电话。

jQuery 和 JavaScript。我真的很感激任何建议。我想在文本字段中输入某些内容后像文本字段 onfocusout 一样实现，如果它只是一个数字，它会在最后自动添加 .00 但是如果他们输入像 2.00 它不会再添加 .00。

#var 是文本字段名称。函数“functionToBecall()”在另一个文件中使用 XHR 执行 get 操作。在两种情况下都将执行相同的语句。

我希望在用户按下回车键或在文本字段外单击时检索数据。

我有focusout()event onelement1和click()event on element2，当element1因为在 on 上执行了 click 事件而失去焦点时element2，只会触发 focusout，而不会触发 click 事件。

这在[在 jQuery][1] 上工作正常，但在 Angular 中不行。

window.setTimeout()我通过添加也适用于角度的方法找到了解决方法。不幸的是我不能这样做。

非常感谢另一个建议。

请使用 setTimeout 找到代码：

我想通过验证字段集中的所有元素来部分验证表单。

作为该验证的触发器，我正在侦听focusout冒泡到每个字段集的事件。

如果该字段集中没有表单元素，我想执行验证:focus。

我试图这样做：

但e.currentTarget.querySelectorAll(':focus')总是有的length。0

如何可靠地检查 afieldset是否有一个子元素:focus？

注意：我不想为该任务使用 jQuery 或任何其他库。

当focusin添加类时，我有一个功能可以根据行为焦点/单击某个“输入”类中的行为来添加和删除“活动”类，当在外部单击时它应该删除它，但它没有这样做。

谢谢你的帮助！

I have a demo of my issue on a stackblitz that you can try out : https://stackblitz.com/edit/angular-gitter-u7erfg?file=app%2Fapp.component.ts

My goal is to have a div who's click is caught to prevent focusout execution (I can't prevent focusout from firering but I can place an if within the method called by focusout and check my condition, whatever it is, in there).

Or, aternatively, is there another method that could accomplish similar, if better, results?

我在我的应用程序的输入字段上使用focusout和focusin事件。focusin我的脚本在/focuseout事件发生时检查输入框是否有验证错误；因此，相关的错误消息会显示在输入框下方，说明用户输入中的问题。

我还有一个提交按钮，然后，当整个表单填满时，我会在每个输入框上再次运行验证是否有任何错误。

所以，我附上了 3 个事件，1. focusout 2. focusein events3. <button> submit button (Click) events.

注意到当focusout and click事件同时被触发时，click event在下面的这种情况下会被抑制。

请注意，如果只打印消息[出于调试目的]，一切正常。但是当我 [从focusout方法内部] 进行一些 DOM 操作时，例如将类添加到 div 或在输入框下方的 span 中插入等。--第一次单击事件未被检测到。

何时发生

当输入错误被更正后，无需单击页面上的任何其他位置，即可立即按下提交按钮。

只有当按钮被点击两次时才会检测到点击事件。

下面是具有相同问题的示例 Jquery 片段。

重现问题的步骤：

1. 点击输入框。
2. 按选项卡按钮（您会在输入框下方看到“输入为空白”消息）。

3. 现在在这个输入框中输入一些值。

4. 直接按下提交按钮（确保您没有点击其他任何地方）。提交按钮的 Click 事件不会被触发。第一次点击会被忽略，然后，它会在随后的点击中被触发。

我有下面的代码。问题是该类被添加到页面上的所有链接，而不是焦点。