为什么单击弹出窗口会从formView中移除焦点？答案

【问题标题】：why on click of popup remove focus from formView?为什么单击弹出窗口会从formView中移除焦点？
【发布时间】：2016-10-09 18:33:50
【问题描述】：

我有一个包含用户名和密码的表单。所以，我验证这两个字段是否都没有值，然后弹出“请输入用户名和密码”。我使用 div 在自定义弹出窗口中制作。我的问题是我把我的专注于用户名字段。所以目前我专注于用户名。但用户名没有任何值然后我按下提交按钮所以，我得到我的自定义弹出“请输入用户名和密码”。点击我的自定义弹出区域后。然后用户名焦点已删除。为什么？我想在我点击弹出窗口的任何地方都关注用户名。

【问题讨论】：

然后明确地把焦点放在
我的问题是我的重点不应该是形式上的改变，而在弹出窗口打开时。或单击弹出区域的任何位置。
如果您在文本框外单击，则焦点将转移到您单击的位置，因此它会丢失在文本框上。您必须使用 Jquery 来停止这种焦点丢失或将焦点重新添加到文本框

标签： javascript jquery html

【解决方案1】：

$('username-field-selector').focus();

这应该将焦点设置回所选字段。当您单击提交按钮时，焦点会从该输入元素转到按钮，这就是您失去焦点的原因。

【讨论】：

我的问题不是设置焦点，而是焦点不应该改变形式，同时弹出打开。或点击弹出区域的任何位置
@Vasant 能否请您提供打开弹出窗口的代码。
我使用了甜蜜警报。
我不熟悉这个库，所以我想看看你的代码。
我只使用 swal(a) 进行警报，因为我使用了甜蜜警报 js 和 css。我想要在本机警报中运行的相同功能。你有任何自定义警报链接，它像本机警报一样工作.on 按下本机警报焦点不会从表单元素中删除。