问题标签 [jquery-focusout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2092 浏览

javascript - jQuery - 当焦点离开一组控件时引发事件

我在一个 div 中有 3 个文本框,当焦点离开其中一个输入并且没有转到这 3 个输入中的另一个时,我需要引发一个事件。

只要用户正在编辑这 3 个控件之一,该事件就不会引发。仅当焦点更改为不是这些输入之一的控件时,才会引发该事件。

我尝试focusout在所有 3 个输入上使用并检查是否document.ActiveElement是 3 个输入之一,但focusout一个控件发生在focusin另一个控件之前,因此document.ActiveElement始终为空。

任何人都知道如何解决这个问题?

0 投票
1 回答
70 浏览

jquery - jquery focusout不添加文本回来

我有一个文本区域,在页面加载时有一些文本。当有人点击它时,我希望该文本消失。当他们点击退出时,如果他们没有输入任何内容,我希望文本返回,但如果他们没有任何事情发生。文本是“在此处键入您的答案”。这就是我所拥有的,可用于在单击时删除文本,但如果他们没有键入任何内容,则不能将其重新添加。

非常感谢您对此的任何帮助。

0 投票
1 回答
1158 浏览

javascript - Make focusout event ignore some elements

In the code below if you click on <input type="text" id="one" /> and a "red block" appears. If you focus out then the "red block" disappears.

How do I make it so that focusout wont fire if "red block" or <input type="text" id="two" /> are the next focused elements?

Demo

JavaScript

HTML

0 投票
1 回答
2196 浏览

jquery - relatedTarget 的 JQuery Mobile focusout 事件在 Safari 中返回不正确的结果

据此:https ://developer.mozilla.org/en-US/docs/Web/Reference/Events/focusout

relatedTarget (只读) - EventTarget (DOM 元素) - 事件目标接收焦点。

我假设 eventObject.relatedTarget 应该指向将接收焦点的元素。

例子

这是我正在使用的代码:http: //jsfiddle.net/DMINATOR/L38pG/

JS:

});

使用不同的浏览器运行相同的代码:Opera 和 Safari 会产生不同的结果。

重现步骤

  1. 单击文本区域
  2. 单击标题上的“右”按钮

预期结果(参见 Opera)

歌剧:在 Opera 中获得的结果

Safari:(在此处输入图像描述 出于某种原因,Safari 指向主页作为将被聚焦的页面)

我正在尝试隐藏/显示标题,具体取决于我使用的文本区域是否接收焦点,这是一个示例: //jsfiddle.net/DMINATOR/LLcpR/

问题

这是 jquery(移动)或 Safari 本身中的错误吗?是否有任何解决方法,所以我可以找到接下来将聚焦的按钮?

0 投票
5 回答
4665 浏览

javascript - focusout 事件不适用于动态生成的文本框

动态生成文本框

我得到动态文本框,但focusout不适用于动态生成的文本框,而同一页面有一些文本框,这是硬编码的,上面的脚本被触发。

0 投票
3 回答
2825 浏览

javascript - jQuery:focusout 排除某些元素

每次特定输入失去焦点时,输入字段上的 focusout 都会触发。但是,我想排除一些特定的标签来触发该 focusout 功能

例子:

然后是focusout函数:

单击“#apply_name”也会触发输入的焦点输出功能。如何排除该特定元素 ID 来触发它。注意:我尝试了一些已经在 StackOverflow 上发布的技巧,但它们都没有接缝工作......

0 投票
2 回答
1391 浏览

javascript - 避免点击触发焦点

我正在为我的表单开发选项卡按钮功能。

我正在使用插件来自定义表单的所有选择,但现在我陷入了冲突。

这是我编写的代码,用于使用tab选择上的按钮显示我的下拉菜单列表

问题是任何点击事件都会触发焦点,所以我无法真正选择我的选择标签的任何选项,因为下拉列表首先被隐藏。

你可以在这里看到问题http://codepen.io/Mannaio/pen/tLaup

我怎么解决这个问题?

0 投票
2 回答
2920 浏览

c# - 聚焦后从文本输入中获取值并显示来自该值的数据

我有 3 个用于用户 ID、用户名和电子邮件的输入文本;

在我的数据库中:

用户 ID(字符串)| 用户名(字符串) | 电子邮件(字符串)

萨特里奥德维| Satrio DwiHuripto | sdwihripto@lala.com

  1. 显示文本框用户 ID,但隐藏文本框用户名和电子邮件
  2. 当我在 userID 和 focusOut 中键入 satriodwih(单击选项卡或单击文本框外部)时,显示文本框用户名和电子邮件,它们的值来自数据库。

我有 jquery for focusout 像这样:

我必须做什么?卡得太久了。

0 投票
2 回答
1839 浏览

javascript - 如何在 focusout 事件处理程序中访问事件对象

很抱歉问这样基本的问题。我正在学习 Javascripts 和 Jquery。

我有一个弹出窗口,其中包含 3 个输入文件,例如 ETD、ETA 和持续时间。我正在尝试从 ETD 和 ETA 计算 focusout 的持续时间,并且将有一个 AjaxCall,我们在其中进行计算和其他工作。问题是每当按下 Tab 键(从 ETD 或 ETA 聚焦)时,焦点都会移出弹出窗口并移至主窗口。

我试图将焦点集中在这些输入字段上,以确保 ajax 调用成功。我正在尝试使用标志来实现这一点,例如,如果在 ETD 上发生了焦点,那么 ETDFlag 将为真,并且在 ajax 调用的“onsuccess”上检查此标志,所以如果 ETDFlag 为真,则将重点放在 ETA 上等等。但问题是,即使通过点击 out of fields 将焦点移出该字段,焦点也会转到下一个字段。所以只需要在 TabKey 按下时设置标志。

下面是示例代码:

当我尝试警报(事件)时,我没有得到事件对象;输出是 [object Object]。

但类似的东西

alert(e.target.id) // 将显示字段的 id。例如。东部时间

请帮助并告诉我出了什么问题。我是 Javascripts 新手,所以无法理解。

”“”“”“”“”“”“”“”“”“”“”“”“”“”“”“”“”“”“”

编辑以获得更多说明

目标是在用户使用 Tab 按钮时转到下一个输入。如前所述,当前行为是在按下选项卡(焦点输出)后,将发生一个 ajax 调用来计算持续时间字段值,并且焦点将移出弹出窗口到主窗口!所以拥有事件对象的主要目的是获取tab按钮的keycode:

但是在按下制表键时它永远不会进入 if 条件!!!

"""""""""""""""""""

编辑以获取更多说明 2

我尝试在 keyup 事件上使用上面的代码,“ keyCode ”能够捕获几乎所有键,除了Tab 键

0 投票
1 回答
1433 浏览

javascript - focusout 仅在文档​​加载时触发,并且再也不会触发?

我有一个小提琴给你:http: //jsfiddle.net/pneebntd/3/

简而言之,我正在(尝试)为我想要在控件失去焦点(或下拉列表更改值)时运行的函数附加事件处理程序。

它的编写方式,它在页面加载时触发,但此后再也没有。我以前做过这个,但也许只是因为它是星期一但是......我在这里做错了什么?