jQuery .focusOut() 条件操作取决于下一个选定的元素

Question

我有一个带有文本输入#usernameInput 和链接#saveLink 的表格单元格。使用 jQuery，我有一个分配给 #saveLink 的单击事件的函数。

我想要实现的是，当#usernameInput失去焦点时我想隐藏它。除非它失去了#saveLink 的焦点。换句话说，如果用户单击 #saveLink 以外的任何位置，我想隐藏 #usernameInput 否则调用 #saveLink 上的单击事件>.

我处理 $('#usernameInput').focusout() 没有问题，但我无法让它检测是否单击了保存链接。

这是我到目前为止所拥有的。

<script type="text/javascript">

$('#usernameInput').focusout(function ()
{

    if (!$('#saveLink').is(':focus'))
    {
        $('#usernameInput').hide();
    }
    return;

});</script>

Answer 1

What I'm trying to acheive is, When the '#usernameInput' loses focus I want to hide it. Unless it loses focus to the '#saveLink'. In other words, if the user click anywhere other than the '#saveLink' I want to hide the '#usernameInput' otherwise call the click event on the '#saveLink'.

也许您可以将事件绑定(bind)到正文，然后只需检查 e.target

$("body").click(function(event){
  if(!$(event.target).is("#saveLink")){
    $("#usernameInput").hide();
  }
});

免责声明目前这只是伪代码...稍后更新。